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

默认

echarts柱状图上方的数值为0时设置不展示_第1张图片

 效果

echarts柱状图上方的数值为0时设置不展示_第2张图片

      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的时候不显示
          }, // 柱状图上方的数值
        },
      ],

你可能感兴趣的:(大屏,echarts,前端,javascript)