avue中使用echarts

avue是一个基于vue封装过的快速开发框架，具体可以自行百度。

在使用过程中遇到赋值的问题，特此记录下。

参看echarts官方给的demo，静态值都是没有问题的。但在读取后台数据后，无法给echarts赋值，所以，图表一直无法显示。

1、如果是动态数据，需要在调用后台接口的返回方法内，直接调用echarts的赋值。

initEductionPercentage (){

getInitData("/pfdt/index/representType") .then((response) => {

this.eductionPercentageTableData = response.data.data;

// 必须要放在这里调用

        this.$nextTick(() => {

                this.HYCharts();

        });

}) .catch((msg) => {

this.$message.error(msg);

});

},

2、如果是静态数据的话，必须要放在mounted方法里去调用

  mounted() { 

    //   注释掉图表显示

    this.$nextTick(() => {

      this.contCharts();

    });

  },