高图-隐藏数据标签领导者

时间:2019-04-17 15:23:20

标签: highcharts

我有一个饼图,当页面加载时,由于SQL数据库中的数据是动态的,因此该饼图的类别可能为空。

我已经设置了格式化程序,以便如果值是0则不显示标签,但是如何防止引出线显示?

我宁愿避免完全不包含类别的解决方案,因为重要的是仍将其显示为键中的一种可能性

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以过滤数据数组以仅绘制大于零的值:

series: [{
    type: 'pie',
    data: [0, 0, 5, 0, 20, 0, 15].filter(function(y) {
        return y > 0
    })
}]

实时演示: http://jsfiddle.net/BlackLabel/g98uaoy0/

或在formatter函数中设置正确的条件:

series: [{
    ...,
    dataLabels: {
        formatter: function() {
            if (this.y) {
                return this.y
            }
        }
    }
}]

实时演示: http://jsfiddle.net/BlackLabel/mft83dgb/

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