echarts：去掉markLine

最新推荐文章于 2025-01-22 16:40:32 发布

原创

最新推荐文章于 2025-01-22 16:40:32 发布 · 1.6k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在ECharts中实现根据条件动态显示或隐藏Markline。通过设置yAxis属性为空对象来达到隐藏效果，并使用三元运算符根据不同条件赋予Markline不同的值。

需求：当markline的值为0的时候不显示，不为0的时候则显示。

我的图里有多条markline，如下定义。

markLine: {
                tooltip: {
                  formatter: '{b}:{c}',
                },
                label: {
                  position: 'end',
                  formatter: '{b}:{c}',
                  silent: true
                },
                symbol: "none",
                data: [
                  // UCL和LCL的markline
                  {
                    lineStyle: { //警戒线的样式  ，虚实  颜色
                      type: "solid",
                      color: "#005500"
                    },
                    name: 'UCL',
                    yAxis: 0 //警戒线的值
                  },
                  {
                    lineStyle: { //警戒线的样式  ，虚实  颜色
                      type: "solid",
                      color: "#FA3934"
                    },
                    name: 'CL',

标签

#echarts