第一步：安裝ZingChart:ZingChart官網(wǎng)边器，圖表比Echarts還豐富
npm install zingchart 或npm install zingchart-vue
p1
第二步:在main.js文件中全局配置
import 'zingchart/es6';
import zingchartVue from 'zingchart-vue';
Vue.component('zingchart', zingchartVue);
p2
第三步：在vue文件中創(chuàng)建一個DIV，盒子內(nèi)部加入：
<zingchart :data="chartData"></zingchart>
p3
第四步：在script下返回可視化圖標數(shù)據(jù)charData(html中config數(shù)據(jù))
p4
最后：所渲染的圖標就出來了
