jQuery - 系列之外的 HighCharts 标签（条形图）

$(function () {
$('#container').highcharts({
        chart: {
            type: 'bar',
            backgroundColor: null,
            width: 360
        },
        title: {
            text: null,
            style: {
                display: 'none'
            }
        },
        subtitle: {
            text: null,
            style: {
                display: 'none'
            }
        },
        credits: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        xAxis: {
            categories: ['Cat 1', 'Cat 2', 'Cat 3', 'Cat 4', 'Cat 5', 'Cat 6', 'Cat 7', 'Cat 8', 'Cat 9', 'Cat 10'],
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            max: 10,
            gridLineWidth: 0,
            minorGridLineWidth: 0,
            title: {
                text: null
            },
            labels: {
                enabled: false
            }
        },
        tooltip: {
            enabled: false
        },  
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            },
            series: {
                dataLabels: {
                    crop: false,
                    enabled: true,
                    y: -2,
                    inside: false
                }
            }
        },
        series: [{
            showInLegend: false,
            name: '',
            color: '#CCC',
            data: [1, 2, 3, 9.4, 5, 6, 8, 9, 9, 9.5]

    }]
});
});

jsfiddle：http://jsfiddle.net/uNrW2/1/ http://jsfiddle.net/uNrW2/1/

我似乎无法让系列数据的标签始终出现在栏的右侧。 我已经浏览了所有 API，但似乎找不到阻止文本移动到栏中的选项。

有谁知道为什么会发生这种情况？ 非常感谢您的宝贵时间！

您错过了 API 中的一个选项，名为plotOptions.series.dataLabels.overflow (API http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.overflow):

溢出：字符串

如何处理流出绘图区域的数据标签。默认为justify，将它们在绘图区域内对齐。对于列和条形，这意味着它将被移动到条形内部。要在绘图区域外显示数据标签，请设置crop to false and overflow to "none"。默认为合理。

换句话说，您需要将裁剪和溢出结合起来，如下所示（更新了 JSFiddle http://jsfiddle.net/uNrW2/2/):

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            crop: false,
            overflow: 'none'
        }
    }
}