您的当前位置:首页正文

echarts实现动态加载series

2024-12-01 来源:个人技术集锦
setOptions({ xData, yData ,zData} = {}) {
    let colorArr=['#88bafe','#ffa304','#8bbb51','#FB7653','#73D0F7'];
    this.chartBar.setOption({
        /.......其他设置/
        series:function(){
           let serie=[]
           yData.forEach((element,index) => {
              serie.push(
                  {
                       data: yData[index],
                       name:zData[index],
                       type: "line",
                       itemStyle: {
                           color: colorArr[index]
                       },
                       symbol:'circle',
                       symbolSize:6,
                       smooth: true
                   }
               )
           });
          return serie;
       }()


    },true)
}

在不知道有多少条数据的情况下,echarts动态加载series。在option中设置series值为一个数组,通过动态改变series值来动态更新图表。注意,设为数组时echarts会默认将更新的数据和之前数据合并。解决办法:myChart.setOption(option,true)。

显示全文