vue echarts 动态更新数据

在Vue Echarts中，当我们需要更新数据时，我们可以重新初始化Echarts来使图表根据新的数据进行变化。具体做法是在请求成功后，调用Echarts的初始化函数，将新的数据传递给它。这样Echarts会根据新的数据重新绘制图表，实现动态更新数据的效果。

举个例子，假设我们有一个饼图，我们可以在请求成功后重新初始化Echarts，传入新的数据。代码示例如下：

// 在Vue的methods中定义一个函数来重新初始化Echarts
methods: {
  pie_submit(index, newData) {
    // 请求成功后获取到新的数据newData
    // 重新初始化Echarts
    let chartDom = document.getElementById('first-line-left');
    let myChart = echarts.init(chartDom);
    let option = {
      // 设置Echarts的配置项和数据
      // ...
      series: [{
        type: 'pie',
        data: newData
      }]
    };
    myChart.setOption(option);
  }
}

在上面的例子中，我们通过获取到新的数据newData后，重新初始化了Echarts，并将新的数据传递给它的series来更新饼图的数据。这样就可以实现了Vue Echarts动态更新数据的效果。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* *2* [vue使用echarts是，动态获取数据，动态更新图表数据。](https://blog.csdn.net/weixin_46371752/article/details/123342748)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]