javascript - 在 Highcharts 中左右对齐文本

Question

我想将条形的VALUE设置为RIGHT，并将SERIES的值设置为bar1, bar2, bar3) 始终位于栏的LEFT 处。正如图片所示。

这是我的代码:link

plotOptions: {
bar: {
dataLabels: {
padding: 0,
allowOverlap: true,
enabled: true,
align: 'left',
color: '#FFFFFF',
inside: true,
crop: false,
overflow: "none",
formatter: function() {            
  return this.series.name + " " + this.y;                       
},
style: {
  width:100
}                       
.
.
.

Answer 1

这可以通过将轴标签设置为左对齐并启用数据标签来完成。请参阅 jsFiddle:http://jsfiddle.net/euot9L66/1/

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'bar'
    },
    xAxis: {
      categories: ['Bar 1', 'Bar 2', 'Bar 3'],
      labels: {
        align: 'left',
        x: 5
      }
    },
    plotOptions: {
      series: {
        dataLabels: {
          enabled: true
        }
      }
    },
    series: [{
      data: [52, 90, 42]
    }]
  });
});