【数据可视化从入门到精通】核心指标组件重构-销售趋势组件开发(vue-charts正确打开方式)⑦

94 阅读1分钟

Vue-Charts使用

vue-echarts和echarts的区别:
vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。
echarts就是普通的js库,

vue-echarts特征:
轻量,高效,按需绑定事件
支持按需导入ECharts.js图表​​和组件
支持组件调整大小事件自动更新视图

  • github仓库

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
为啥要用vue-charts呢?
在这里插入图片描述

之前我们开发都需要这要写个mounted以及下面的init,很麻烦
但是用vue-charts就不需要这样写了
在这里插入图片描述

  • 这样就出来了,简单多了吧
    在这里插入图片描述