定義在vue實例內(nèi)部的echarts實例，如何將vue實例里面的數(shù)據(jù)賦值到echarts實例中？

給你個思路 在線查看
更改數(shù)據(jù)的時候，通過自己定義的echarts.setOption(更改的數(shù)據(jù))

step1:定義一個初始o(jì)ption數(shù)據(jù)，以及mycharts
step2:在mounted生命周期，將option賦值給mycharts
step3:點擊按鈕后，觸發(fā)事件，在事件里定義臨時變量，將option賦值給臨時變量，同時更改臨時變量的數(shù)據(jù)，然后將更改后的臨時變量賦值給mycharts

<div id="app">
     <div id="main" style="width: 600px;height:400px;"></div>
     <button @click="change">更改數(shù)據(jù)</button>
</div>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
              myChart:'',
              option:{
                  title: {
                      text: 'ECharts 1'
                  },
                  tooltip: {},
                  legend: {
                      data:['銷量']
                  },
                  xAxis: {
                      data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
                  },
                  yAxis: {},
                  series: [{
                      name: '銷量',
                      type: 'bar',
                      data: [5, 20, 36, 10, 10, 20]
                  }]
              }
            }
        },
        mounted:function(){
          this.myChart = echarts.init(document.getElementById('main'));
          this.myChart.setOption(this.option1);
        },
        methods:{
            change:function(){
                var temp = this.option;
                temp.series[0].data=[10, 5, 3, 6, 10, 20];
                this.myChart.setOption(temp);
            }
        }
    })
</script>