HighCharts x轴标签填充

时间:2014-03-20 13:37:29

标签: highcharts

如何让x轴上的pointInterval在x轴和它自身之间有一些空间,因为在我的情况下,pointInterval是旋转的,它是连接到x轴的一些东西。我试图添加填充但是徒劳。

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]'


                    }
                }

1 个答案:

答案 0 :(得分:4)

通常,您可以单独设置useHTML: truepaddingLeft/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]
    }]
});