v-charts的使用
阿新 • • 發佈:2021-07-22
1.下載元件:[email protected]
2.main.js中引入:
importVChartsfrom'v-charts'
Vue.use(VCharts)
3.使用
準備資料:
return{ statisticsVisible:false, chartData1:{ columns:['key','value'], rows:[], }, }; 繫結資料: <ve-pie:extend="chartExtend1":data="chartData1":settings="chartSettings"></ve-pie> 新增標題: data(){ this.chartExtend2={ title:{ text:'標題名稱', x:'middle', y:'bottom', textAlign:'center' }, }; }