highcharts 如何设置角高图中数据标签的格式

im9ewurl 于 2022-11-10 发布在 Highcharts

关注(0)|答案(2)|浏览(144)

我希望仅在dataLabels的值不为0时才显示它。并且不希望在UI图表上显示0。下面提到了ts代码：

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,
        },
      },
    },
  },

highcharts

来源：https://stackoverflow.com/questions/73620953/how-can-i-format-datalabels-in-angular-highcharts

2条答案

按热度按时间

i2byvkas1#

使用格式功能

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,
            },
          },
        },
      },

赞(0）回复(0）举报 2022-11-10

ugmeyewa2#

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

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

现场演示：http://jsfiddle.net/BlackLabel/w82kr9fx/
API引用：https://api.highcharts.com/highcharts/series.bar.dataLabels.formatter

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 如何设置角高图中数据标签的格式

2条答案

相关问题

热门标签

最新问答