2013-03-11 46 views
4

是否可以将高轴图上的y轴勾号“外部”对齐,以便它与网格线对齐,而不是“内部“,并坐在网格线的顶部。 highstock的文件表明它应该被默认放置在“外部”,但是看一张highstock图的每个例子,它们总是看起来是“内部的”。将高轴上的y轴勾号“外部”对齐,因此它们与高位图上的相同

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.StockCharthighstock.js文件Highcharts.Chart只是一个预配置的版本。

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

因此,我刚刚使用了带有所需配置的highstock.jsHighcharts.Chart,并将yAxis标签放置在正确的位置。

回答

4

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

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

编辑:

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

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

恐怕不能很好地解决问题。虽然这会导致数字被从图表中“拉”下来,但它们不与网格线内联,而且边界是数字中错误的一面。 [偏移小提琴](http://jsfiddle.net/JXd5W/1)。 [Highchart fiddle](http://jsfiddle.net/Z4zwr/) – user2157358 2013-03-12 18:30:33

+0

看编辑内容 – 2013-03-13 14:59:04

1

我已经找到了解决方案(jsfiddle):添加labels: { align: 'left' }你Y轴选项,就像这样:

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

这告诉Highcharts到align the left end of the labels with y轴

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