首页 前端知识 echarts柱状图上方的数值为0时设置不展示

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

2024-09-30 23:09:28 前端知识 前端哥 533 120 我要收藏

默认

 效果

      series: [
        {
          data: this.barData.y,
          type: "bar",
          barWidth: 20,
          itemStyle: {
            normal: {
              // 设置柱子圆角
              barBorderRadius: [2, 2, 0, 0],
            },
          },
          label: {
            normal: {
              show: true,
              position: 'top',
              distance: 5, // 数值离柱子上方的距离
              color:'#fff',
              formatter: function (params) {
                if (params.value > 0) {
                  return params.value;
                } else {
                  return '';
                }
              },
            }, // 当数值为0的时候不显示
          }, // 柱状图上方的数值
        },
      ],

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18814.html
标签
评论
发布的文章

JSON简介

2024-09-30 23:09:25

Node.js和npm的安装及配置

2024-09-30 23:09:02

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!