首页 > 其他分享 >echarts 实时动态修改markline

echarts 实时动态修改markline

时间:2023-07-24 23:44:56浏览次数:36  
标签:markline websocket markLine series 实时 echarts getOption

效果图:

 

如果要固定显示markline的值就写在series.markLine.data数组里。

 

我这里的markline的值是通过websocket返回的,数据发生变化时,markline的值也跟着变化

监听到websocket返回值时:

let o = myChart.getOption()  //mychart是创建的echarts实例 getOption获取当前实例的配置
o.series[0].markLine.data = [{
  yAxis: n,  // n是websocket返回要显示的值
  label: {
    position: 'end', // 文字位置
    formatter: n  //文字
  },
  lineStyle: { color: '#ddd' } 
}]

myChart.setOption(o)


 

标签:markline,websocket,markLine,series,实时,echarts,getOption
From: https://www.cnblogs.com/reround/p/17578648.html

相关文章