echarts 实时动态修改markline

效果图:

 

如果要固定显示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)

 

posted @ 2023-07-24 23:34  环岛公路  阅读(1373)  评论(0编辑  收藏  举报