2013-03-11 24 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/

相關問題