如何将DataLabels格式化为角-高度图

Question

只有当dataLabels的值不是0时，我才想显示它。下面提到不想在UI charts.ts代码上显示0：

  plotOptions: {
    series: {
      states: {
        inactive: {
          opacity: 1,
        },
      },
      dataLabels: {
        enabled: true,
        inside: true,
        format: '{y}',
        showInLegend: false,
      },
      stacking: 'normal',
    },

    bar: {
      stacking: 'normal',
      borderWidth: 0,
      states: {
        hover: {
          enabled: false,
        },
      },
    },
  },

Answer 1

使用格式函数

plotOptions: {
        series: {
          states: {
            inactive: {
              opacity: 1,
            },
          },
          dataLabels: {
            enabled: true,
            inside: true,
            format: function(){
               return (this.y != 0) ? this.y : "";
            },
            showInLegend: false,
          },
          stacking: 'normal',
        },
    
        bar: {
          stacking: 'normal',
          borderWidth: 0,
          states: {
            hover: {
              enabled: false,
            },
          },
        },
      },

Answer 2

数据标签需要使用formatter函数。例如：

  dataLabels: {
    ...,
    formatter: function() {
      return this.y || '';
    }
  }

现场演示： http://jsfiddle.net/BlackLabel/w82kr9fx/

API参考： https://api.highcharts.com/highcharts/series.bar.dataLabels.formatter