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

相关推荐
娃哈哈哈哈呀7 小时前
formData 传参 如何传数组
前端·javascript·vue.js
tsumikistep8 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪9 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411569 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger9 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登10 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B73810 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js
Z***258010 小时前
JavaScript在Node.js中的Deno
开发语言·javascript·node.js
cypking11 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
San30.11 小时前
ES6+ 新特性解析:让 JavaScript 开发更优雅高效
开发语言·javascript·es6