当右侧定位时,yAxis数据会溢出到图表上

时间:2017-08-28 20:04:59

标签: javascript css highcharts

我希望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/

1 个答案:

答案 0 :(得分:2)

labels: {
    align: 'left'     
}