HighCharts x轴标签间距填充

Question

如何使x轴上的pointInterval与x轴本身有一些间隔，因为在我的情况下，pointInterval被旋转后它与x轴有些连接。我尝试添加padding，但无效。

labels: {
                    rotation: (chartType == 3 ? 0 : -60),
                    align: 'right',
                    style: {
                        fontSize: '14px',
                        fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
                        whiteSpace: 'nowrap',
                        padding:'[100px 100px 100px 100px]'


                    }
                }

- sergioramosiker

Answer 1

一般来说，您可以分别设置useHTML: true和paddingLeft/Right/Top/Bottom。请参见：http://jsfiddle.net/3bQne/1030/ 注意：该解决方案不适用于导出的图表。

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['01/02/2012', '01/03/2012', '01/04/2012', '01/05/2012', '01/06/2012', '01/07/2012'],
        labels: {
            rotation: -60,
            align: 'right',
            useHTML: true,                
            style: {
                fontSize: '14px',
                fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
                whiteSpace: 'nowrap',
                paddingLeft: '10px',
                paddingRight: '10px',
                paddingTop: '10px',
                paddingBottom: '10px',


            }
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

- Paweł Fus