【讨论】Echarts和vue-echarts相比，我更倾向直接用Echarts

之前也是遇到要用Echarts，当时不知道有vue-echarts，所以先用了Echarts，后来知道她也懒得换，这次又有页面用到的echarts，便仔细的衡量下用哪个更好，总结下各自的优缺点，大家有想法也可以说一说

分析

vue-echarts：是不用配置，直接传数据就ok的，如果要配置的话就参考echarts的文档；

echarts：每使用一个配置一个，当然如果都是一样的样式你也可以自己封装二次组件

虽然吧，这么看来是vue-echarts使用更简便，但我觉得其实设计稿的样式都没有跟vue-echarts一模一样的，我觉得还是用Echarts更自由点，不过要注意，都是要按需引入的

//echarts.js   （在main.js引入）
// 引入echarts图表
import Vue from 'vue'
import echarts from 'echarts/lib/echarts'

// 按需引入类型
import 'echarts/lib/chart/line' // 折线图
import 'echarts/lib/chart/bar' // 柱形图
import 'echarts/lib/chart/pie' // 饼状图
import 'echarts/lib/chart/funnel' // 地理图

// 按需引入配置功能组件
import 'echarts/lib/component/title'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/dataZoom'
import 'echarts/lib/component/toolbox'
import 'echarts/lib/component/markLine'
import 'echarts/lib/component/markPoint'

// 引入 SVG 渲染器模块
import 'zrender/lib/svg/svg'

Vue.prototype.$echarts = echarts

事例图：

截图.png