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 @   环岛公路  阅读(1620)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
点击右上角即可分享
微信分享提示