echarts动态加载数据无法更新series_echarts series数量不更新-优快云博客

本文链接：https://blog.youkuaiyun.com/JavaGreenhand520/article/details/111864072

博客主要围绕ECharts动态加载数据时无法更新series的问题展开。更改前，虽传入值有改变，但页面仍显示初始数据，经查询资料得知图表数据会和之前的合并。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts动态加载数据无法更新series

更改前

setOptions({week,ruleArr,totalData} = {}) {
      const option = {
        title: {
          text: '每日收入'
        },
        xAxis: {
          data: week,
          boundaryGap: false,
          axisTick: {
            show: false
          }
        },
        grid: {
          left: 10,
          right: 10,
          bottom: 20,
          top: 60,
          containLabel: true
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross'
          },
          padding: [5, 10]
        },
        yAxis: {
          axisTick: {
            show: false
          }
        },
        legend: {
          data: ruleArr,
          width:700
        },
        series: totalData
      }
      this.chart.setOption(option);
    }

打印发现传入的值都是有改变的，但页面上还是显示一开始的数据，查完资料发现图表数据会和之前的合并。

更改后

setOptions({week,ruleArr,totalData} = {}) {
      const option = {
        title: {
          text: '每日收入'
        },
        xAxis: {
          data: week,
          boundaryGap: false,
          axisTick: {
            show: false
          }
        },
        grid: {
          left: 10,
          right: 10,
          bottom: 20,
          top: 60,
          containLabel: true
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross'
          },
          padding: [5, 10]
        },
        yAxis: {
          axisTick: {
            show: false
          }
        },
        legend: {
          data: ruleArr,
          width:700
        },
        series: totalData
      }
      this.chart.setOption(option,true);
    }