v-charts的使用

1.下载组件：npm i v-charts echarts@4.9.0 -S

 

2.main.js中引入：

       import VCharts from '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' 

       },

      };

     }