echarts 堆叠图解决内容为 0 时,数字被覆盖

最新推荐文章于 2024-02-22 11:40:27 发布

原创最新推荐文章于 2024-02-22 11:40:27 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

环境及插件安装同时被 2 个专栏收录

36 篇文章

订阅专栏

可视化大屏

26 篇文章

订阅专栏

本文介绍了一种在ECharts中优化数值显示的方法，通过为label的normal状态添加formatter属性来实现只有当value大于0时才显示数值的效果。

bug图：
在这里插入图片描述

解决方案

给label中的normal加一个formatter属性

具体如下

          label: {
            normal: {
              show: true,
              position: 'insideRight',
              formatter: function(params) {
                if (params.value > 0) {
                  return params.value
                } else {
                  return ''
                }
              }
            }
          },