1. 程式人生 > 其它 >v-charts的使用

v-charts的使用

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' }, }; }