Highcharts - 外部文本索引标签

Question

我有这张图表http://www.highcharts.com/demo/column-rotated-labels。我怎么能把索引标签上的文字放在列之外。谢谢！

Answer 1

我相信你问的是如何将标签从列中移到外面，对吗？

不幸的是，列内的值不是索引标签，而是dataLabels。所以他们代表了列的值。我通过修改高图表的“dataLabels”部分中的x属性来移动它们。你可以在这个jsfiddle上查看我是如何做到的：

http://jsfiddle.net/cpnq5fou/

 dataLabels: {
            enabled: true,
            rotation: -90,
            color: '#FFFFFF',
            align: 'right',
            format: '{point.y:.1f}', // one decimal
            y: 10, // 10 pixels down from the top
            x: 12, //12 pixels to move it to the right of the column, instead of inside
            style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
            }