图表

    我还是那个观点,大部分插件建议大家还是自己用 vue 来封装就好了,真的很简单。ECharts 支持 webpack 引入,图省事可以将 ECharts 整个引入 不过 ECharts 还是不小的,如果只使用它小部分功能或者图表类型的话建议按需引入。

    webpack 中使用 ECharts 文档

    就这样简单,ECharts 就配置完成了,这时候你想说我的 data 是远程获取的,或者说我动态改变 ECharts 的配置该怎么办呢?我们可以通过 watch 来触发 setOptions 方法

    其实都差不多,还是要结合自己业务来封装。后面就和平时使用 ECharts 没有什么区别了。题外话 ECharts 的可配置项真心多,大家使用的时候可能要花一点时间了解它的 api 的。知乎有个问题:百度还有什么比较良心的产品?答案:ECharts,可见 ECharts 的强大与好用。

    具体实例可参照 @/views/dashboard/admin/components/ 文件下几个 chart 文件

    其它

    当然社区里的其它图表如 , Chart.js , 等封装方法都是大同小异差不多的,这里就不再展开了。