要使Highcharts条形图数据标签显示在图表的最右侧吗

我正在寻找所需的输出，如下所示：

series.dataLabels.align:left/right`没有剪切它。它只会使它出现在每个条的蓝色矩形之后，而不是最右边，这不是我想要的。我也看了highcharts api一点，我没有找到一个图表选项来完成这项工作。提前谢谢

 My current chart options:
 var options = {
            chart: {
                renderTo: 'container',
                type: 'bar',
            },
            credits: {
                enabled: false
            },
            colors: ['#024a7a'],
            title:{
                text:null
            },
            plotOptions: {
                bar:    {
                animation: false
                },
                series: {
                    showInLegend: false,
                    states: {
                        hover:  {
                            enabled:false
                        }
                    }
                }
            },
            tooltip: { 
            enabled: false 
            },
            xAxis: [{
                categories: ['SAC 1', 'SAC 2', 'SAC 3'],
                lineWidth: 0,
                minorGridLineWidth: 0,
                lineColor: 'transparent',
                minorTickLength: 0,
                tickLength: 0
            }],
            yAxis: [{
                gridLineWidth: 0,
                labels: {
                    enabled: false
                },
                minorGridLineWidth: 0,
                title: {
                    text: null
                }
            }],
            series: [{
                data: [10, 5, 15],
                dataLabels: {
                    align: 'left',
                    enabled: true
                }
            }]
        };
        var chart = new Highcharts.Chart(options);
        });

---

实现该效果的方法之一是传递特定的xAxis和yAxis配置对象，其中包含的参数很少：

xAxis: [{
        opposite: true,
    type: 'category',
        labels: {
            formatter: function() {
            return this.chart.series[0].processedYData[this.pos] + ' %'
        },
    },
    lineWidth: 0,
    minorTickWidth: 1,
    tickWidth: 0
},

yAxis: {
        title: {
            enabled: false
    },
    labels: {
            enabled: false
    },
    gridLineWidth: 0,
    max: 100
},

上面的配置通过系列数据值填充标签，因此您应该准备类似于以下内容的系列数组：

series: [{
    data: [31, 15, 9, 5]
}],

让我们看看这个JSFIDLE：

---

致以最良好的祝愿

看看怎么问我很抱歉。。你还需要什么信息？太棒了！你是上帝！这可以创建一个输出，就像我在图中显示的那样。因此，我将此标记为一个答案。假设我想要x轴标签，左边是类别：['SAC1'，'SAC2'，'SAC3']，右边是代码生成的值，我能做什么？不幸的是。。这是我的要求，但我的缺点是从图片左边剪下了x轴标签。我已经根据您的需要调整了小提琴。点击它，享受它。