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博客

相关推荐
光影少年2 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天4 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_4 小时前
HTML5(前端基础)
前端·html·html5
Jagger_4 小时前
敏捷开发流程-精简版
前端·后端
FIN66685 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing5 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1275 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿5 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN66685 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy5 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript