echarts柱状图上方的数值为0时设置不展示

未去掉0的效果图

复制代码
      series: [
        {
          data: this.barData.y,
          type: "bar",
          barWidth: 20,
          itemStyle: {
            normal: {
              // 设置柱子圆角
              barBorderRadius: [2, 2, 0, 0],
            },
          },
          label: {
              show: true,
              position: 'top',
              color:'#fff',
              formatter: function (params) {
                if (params.value > 0) {
                  return params.value;
                } else {
                  return '';
                }
              },
          }, 
        },
      ],

主要代码:

formatter: function (params) {

if (params.value > 0) {

return params.value;

} else {

return '';

}

},

内容借鉴:echarts柱状图上方的数值为0时设置不展示_echarts 不显示0_毛三仙的博客-CSDN博客

相关推荐
一 乐6 小时前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
BBB努力学习程序设计6 小时前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
Zyx20077 小时前
深拷贝:JavaScript 中对象复制的终极解法
javascript
BBB努力学习程序设计7 小时前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
冰暮流星7 小时前
css之动画
前端·css
jump6807 小时前
axios
前端
spionbo7 小时前
前端解构赋值避坑指南基础到高阶深度解析技巧
前端
用户4099322502127 小时前
Vue响应式声明的API差异、底层原理与常见陷阱你都搞懂了吗
前端·ai编程·trae
开发者小天7 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
sunly_7 小时前
Flutter:视频预览功能
javascript·flutter·音视频