vue.js通过多选框控制echarts图属性。

项目遇到了需要通过多选框的选中值来进行echarts图的变更，做完简单再写个demo。

首先在html那写一个多选框。

 

然后在js里return出来，最下面的value为0代表默认值。

 然后再给echarts一个预设的大小及位置

 

接着根据要求写一个方法，这里我起名为getPiedata，然后将饼图写入里面，并且在前面声明是一个变量。option1为饼图的各种属性。

 

 在mounted里写出，并且调用这个方法

mounted() {
    var chartDom = document.getElementById("main");
    var myChart = echarts.init(chartDom);
    var option1;
    this.myChart = myChart;
    option1 && myChart.setOption(option1);
    this.getPiedata();
  },

 然后写需要换的属性，直接上图。

 最后在元素那使用。

 效果图