vue2.0 使用echarts饼状图插件

效果图
注意点

  1. 如果要在同一个组件中重复使用且数据不同。用ref来进行获取dom,不然可能会出现后面数据覆盖前面的问题。
  2. 如果需要文字显示在视觉引导线的上面,直接在后面加/n就可以了,代码中也有注释说明。其他的基本上直接用官方demo都可实现 https://www.echartsjs.com

vue2.0 使用echarts饼状图插件_第1张图片

2.封装组件代码如下 myEcharts.vue



 

3.调用代码



 

你可能感兴趣的:(vue,echarts,饼状图)