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

Question

请查看: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 '';
}

感谢您的帮助.

固定:

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

Answer 1

您可以迭代每个系列中的每个点,然后检查条的宽度并在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();
        });
    });