关于echarts的两个库

简介: 关于echarts的两个库

vue-echarts


npm install echarts vue-echarts


特点:


  • 比较简单


  • 基于echarts的简单封装。


  • 一直在迭代更新。


使用


// 引入
import VueEcharts from 'vue-echarts'
// 注册组件
Vue.component('vue-echarts', VueEcharts)
//使用
<vue-echarts :options="data"></vue-echarts>


官网: ecomfe.github.io/vue-echarts…


v-charts


由于不在维护,vue3不能使用。在vue2中使用还是挺方便的。


npm i v-charts echarts -S


注意:安装的时候,由于没有在维护,可能会出现版本不兼容问题。建议安装一下版本的v-charts和echart


"echarts": "^4.9.0",
    "v-charts": "^1.19.0",
    "vue": "^2.6.11",
    "vue-echarts": "^5.0.0-beta.0",


特点:


  • 可以快速生成图表,不需要修改。


  • 需要学习大量api。


  • 如果需要实现一些特殊图表(水球,词云图等)他是非常方便的。直接提供数据,就能快速渲染。


使用


// 引入
import VCharts from 'v-charts'
import 'v-charts/lib/style.css'
// 注册插件
Vue.use(VCharts)
// 使用
根据他的内置组件,并绑定data数据


官网加事例 woolen.gitee.io/v-charts/#/…


相关文章
|
6月前
|
数据可视化 JavaScript 前端开发
Echarts是一个开源的JavaScript可视化库,用于创建各种类型的图表
Echarts是JavaScript的开源可视化库,Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图:定义图表对象,设置标题和坐标轴,添加X轴、Y轴数据,最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型,更多详情可查阅官方文档。
147 0
|
监控 数据可视化 前端开发
前端封装库/工具库的数据可视化之Echarts
随着互联网时代的到来,数据变得越来越重要,数据也成为了企业决策和运营的重要依据。然而,对于海量数据的处理和分析不是一件容易的事情,这就需要使用数据可视化工具来帮助我们更好地理解数据。而其中一个非常优秀的数据可视化工具就是Echarts。
185 0
|
JavaScript 前端开发 搜索推荐
在Vue项目里使用ECharts图标库
在Vue项目里使用ECharts图标库
183 0
|
数据可视化 定位技术 API
go-echarts 库使用
go-echarts 库使用
559 0
go-echarts 库使用
|
小程序
微信小程序手写饼状图,非wx-echarts库,简洁易懂,不占代码体积!!!
微信小程序手写饼状图,非wx-echarts库,简洁易懂,不占代码体积!!!
711 0
微信小程序手写饼状图,非wx-echarts库,简洁易懂,不占代码体积!!!
|
Web App开发 数据可视化 JavaScript
ECharts - JavaScript 实现的开源可视化库
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
1223 0
|
1月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
61 1
|
1月前
|
JavaScript
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
268 0
|
2月前
|
Web App开发 数据可视化 前端开发
Echart的使用初体验,Echarts的基本使用及语法格式,简单图表绘制和使用及图例添加【学习笔记】
本文介绍了ECharts的基本使用和语法格式,包括如何引入ECharts、创建容器、初始化echarts实例对象、配置option参数和一些基础图表的绘制方法。文章还提供了简单图表绘制和使用图例添加的示例代码,以及对ECharts特性和优势的概述。
Echart的使用初体验,Echarts的基本使用及语法格式,简单图表绘制和使用及图例添加【学习笔记】

热门文章

最新文章

下一篇
无影云桌面