簡體   English   中英

HighCharts x軸標簽填充

[英]HighCharts x-axis label padding

如何讓xIn軸上的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]'


                    }
                }

通常,您可以分別設置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]
    }]
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM