highcharts 如何去掉图形中间“0%”?

mkshixfv  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(173)

我尝试了plotOptions中的“stacking”和“styles”来删除图表中间的0%。请参阅我的“codepen”示例来了解我的问题并帮助我解决。
my graph code

plotOptions: {
                            bar: {
                              stackings: 'normal',
                              dataLabels: {
                                enabled: true,
                                format: '{y} %',
                              },
                              marker: {
                                enabled: false,
                              },
                            },
                            series: {
                              grouping: false,
                            },
                          },
ev7lccsx

ev7lccsx1#

使用formatter函数,仅显示值不为0的数据标签:

plotOptions: {
    bar: {
      ...,
      dataLabels: {
        enabled: true,
        formatter: function() {
          if (this.y !== 0) {
            return this.y + ' %';
          }
        }
      }
    }
  }

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

相关问题