当有Y轴标题时向左移动高图

时间:2014-04-14 19:29:04

标签: highcharts

我试图将Y轴标题放在Y轴的右上方,就在图表标题的正下方。但是,当我插入轴标题时,整个图形向右移动。我试图使用spacingLeft来设置图表的位置,但没有任何变化。即使我添加轴标题,有没有办法保持图表的位置?

这是我的代码:

$(function () {
$('#container').highcharts({
    chart: {
        marginBottom: 80,
        spacingTop: 20
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
        text: 'Chart title',
        y: -10
    },
    yAxis: {
        title: {
            text: 'aaaaaaaaaaaaaaaaaaa',
            align: 'high',
            rotation: 0,
            x: 100,
            y:-20
        },
        labels: {
            align: 'high',
            x: 0,
            y: -5
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});
});

jsfiddle:http://jsfiddle.net/8m7rc/1/

2 个答案:

答案 0 :(得分:0)

Min Sun Song,您可以使用偏移属性来缩小差距。

offset: -120,

我已经更新了你here

希望这就是你要找的东西。

答案 1 :(得分:0)

您可以为图表设置marginLeft属性。请参阅demo