Highcharts堆积条形图隐藏数据标签不重叠

时间:2013-07-03 22:26:08

标签: highcharts

请查看此内容:http://jsfiddle.net/HA5xE/

所以,我有堆积条形图,我想隐藏数据标签,因为它们不适合该区域。例如,在类别8中,根本没有数据标签“4”。

我看到了http://api.highcharts.com/highcharts#plotOptions.bar.dataLabels.crop,据我所知,它应该自动完成,但由于某些原因不起作用。

我试图计算系列的宽度(或高度)(以像素为单位)来控制格式化程序功能显示/隐藏,但我无法获得条形系列宽度。

formatter: function() {
if(this.percentage.toFixed(0)>0)
    return this.percentage.toFixed(0);
else 
    return '';
}

提前感谢您的帮助。

FIXED:

formatter: function() {
if(this.point.yBottom - this.point.plotY>13)
    return this.percentage.toFixed(0);
else 
    return '';
}

1 个答案:

答案 0 :(得分:8)

你可以迭代每个系列中的每个点,然后检查条的宽度,如果widht小于ie.15px,则销毁标签。

http://jsfiddle.net/HA5xE/1/

 $.each(chart.series,function(i,serie){
        $.each(serie.data,function(j,data){
            if(data.yBottom - data.plotY < 15)
                data.dataLabel.destroy();
        });
    });