Highcharts-Firefox中缺少y轴数据标签

下图缺少最右侧堆叠列上的数据标签。该标签在最新版本的Google Chrome中显示正确，但在最新版本的Firefox中未显示该标签

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Stacked column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            x: -70,
            verticalAlign: 'top',
            y: 20,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                }
            }
        },
        series: [{
            name: 'John',
            data: [5, 3, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [2, 2, 3, 2, 5]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 1]
        }]
    });
});

$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“列”
},
标题：{
文本：“堆叠柱形图”
},
xAxis：{
类别：[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯：{
分:0,，
标题：{
正文：“水果总消费量”
},
堆叠标签：{
启用：对，
风格：{
fontWeight:'粗体'，
颜色：（Highcharts.theme&&Highcharts.theme.textColor）| |“灰色”
}
}
},
图例：{
对齐：“右”，
x:-70，
垂直排列：“顶部”，
y:20，
浮动：是的，
背景色：（Highcharts.theme&&Highcharts.theme.legendBackgroundColorSolid）| |白色，
边框颜色：“#CCC”，
边框宽度：1，
影子：错
},
工具提示：{
格式化程序：函数（）{
返回“+this.x+”
+
this.series.name+'：'+this.y+'
+
“总计：”+this.point.stackTotal；
}
},
打印选项：{
专栏：{
堆叠：“正常”，
数据标签：{
启用：对，
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”
}
}
},
系列：[{
姓名：'约翰'，
数据：[5,3,4,7,2]
}, {
姓名：'简'，
数据：[2,2,3,2,5]
}, {
名字：'乔'，
数据：[3,4,4,2,1]
}]
});
});

Highcharts 3.0.5

googlechrome 29.0.1547.76米

Mozilla Firefox 21.0

Windows7

有没有办法使标签在两个浏览器之间保持一致？ 我正在寻找一个解决办法，不涉及改变图表的高度，或图表中的数据

---

尝试禁用数据标签的裁剪：

plotOptions: {
    series: {
        dataLabels: {
            crop: false
    }
}

---

更新的fiddle:

对于任何正在为这个问题挣扎的人（像我今天早些时候），作为参考，这已经通过highcharts library的更新版本得到了解决

我有适用于Mac的Firefox 21.0，数据标签对我来说显示正确。可以肯定的是，你是在谈论香蕉专栏上的8、2、5和1吗？我在Win7上有Firefox 24，我也没有在最右边的专栏中看到“1”。但是，应该注意的是，它并不特定于右侧列。它发生在最低位置有1的任何列上。我想知道这是否是因为1的切片太小，无法显示为底部段。如果调整数字，使最大值稍小，则会出现1，因为线段稍高。还需要注意。在Firefox中，如果增加图表div的高度，则会显示1。在Chrome 29.0.1547.66中，如果降低图表div的高度，1将消失。这确实指出了一个原因，即当底部线段对于标签来说太短时，它会消失。然而，当上面的部分变得太小时，这种情况就不会发生。@BarbaraLaird这就是我所指的列。结果在不同的操作系统中不一致，但在相同的浏览器版本中不一致，这并不奇怪。@Jack.R.Abbit感谢您的验证，我确实注意到这是因为片段太小了，Firefox中的片段比Chrome中的短了1个像素。我正在寻找一种不涉及更改图表高度或图表中数据的解决方法。感谢您的建议，但是，当列段非常小时，此设置会使dataLabels重叠。下面是隐藏标签的代码：如果强制裁剪为false不是解决方法，则不确定解决方案是什么