javascript - yAxis 数据在右侧定位时溢出到图表上

Question

我希望 yAxis 标签不要溢出，也不要覆盖在绘制的图表之上。正如您从示例中看到的那样，它们执行以下操作:

Highcharts.chart('container', {
    chart: {
        marginBottom: 80
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    yAxis: {
            title: {
        text: ''
        },
          opposite: true,
        labels: {
            align: 'right'

        }
    },

    series: [{
        data: [209.9, 71.5, 106.4, 1209.2, 1404.0, 1706.0, 135.6, 1408.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

http://jsfiddle.net/uo6shmuL/

我已经尝试过不同的定位，但如果不手动设置偏移量和填充，我无法弄清楚，这是行不通的，因为我的数据是动态的。我如何让这个类似的 highstocks 示例起作用，其中 yAxis 在图表之外，但没有任何东西溢出到 div 之外？

我需要什么:

http://jsfiddle.net/P8hrN/1/

Answer 1

labels: {
    align: 'left'     
}