在y轴上将y轴对齐“外部”,因此它们与highcharts相同

时间:2013-03-11 15:22:50

标签: highcharts highstock

是否可以将y轴在“高”图上对齐“外部”,使其与网格线对齐,而不是“内部”并位于网格线的顶部。 highstock的文档表明默认情况下它应该放在“外部”,但是看一下highstock图的每个例子,它们似乎总是“在里面”。

tickPosition: String. The position of the major tick marks relative to the axis line. Can be one of inside and outside. Defaults to "outside".

Highchart示例(我想要的):http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/

Highstock示例(我得到的):http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/basic-line/

非常感谢提前。

更新 - 各种解决方案

我意识到Highcharts.StockChart只是Highcharts.Chart文件中highstock.js的预配置版本。

HighCharts.Chart具有Highcharts.StockChart的所有功能 - 而不仅仅是Highcharts.Chart文件中highcharts.js的功能。

因此,我刚刚使用了highstock.js Highcharts.Chart我需要的配置,这会将yAxis标签放在正确的位置。

2 个答案:

答案 0 :(得分:4)

您可以为yAxis使用偏移参数。

http://api.highcharts.com/highstock#yAxis.offset

编辑:

http://jsfiddle.net/Z4zwr/1/

 yAxis : {
        labels:{
            align:'right',
            x:-10
        },
        lineWidth : 1,
        offset : 30
    },

答案 1 :(得分:1)

我找到了一个解决方案(jsfiddle):将labels: { align: 'left' }添加到您的yAxis选项中,如下所示:

yAxis: [{
    labels: {
        align: 'left'
    }
}]

这告诉Highcharts 对齐 标签端与 y轴

更新了jsfiddle:http://jsfiddle.net/r4wrf63u/