echarts实现动态加载series

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)。

  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值