2013-03-04 19 views
1

我正在嘗試Highcharts工具來顯示一些圖表大圖的數據和系列比較。HighCharts - HightStock倒立軸與滾動導航器

我需要的圖形之王正是this example中給出的圖形之王。

除礦具有在垂直於被顯示(與上y軸的時間線,從頂部至底部,並且值在x軸上)

像「花鍵反轉」示例(seen here)顯示,例如,顯示高度相關數據非常有用。

我可以很容易想象顛倒的價值觀和交換軸的傳說,但我不覺得時間線導航儀將遵循...

我也試着設置中的圖形反轉像「花鍵倒置軸'的例子:

chart = new Highcharts.StockChart({ 
      chart: { 
       renderTo: 'container', 
       inverted: true 
      }, 
... 

但它沒有工作。

有沒有辦法在y軸上顯示與時間線導航器垂直的完全相同的圖形?

編輯:它似乎它不可能把HighStock圖(as seen in doc)使用反轉, 所以我調整我的問題: 我們能不能用倒圖中HighStock圖表顯示儘可能多的積分,一個HighCharts? (即使我們不會得到在y軸的任何滾動導航)

回答

1

Highstock不支持倒圖表顯示:http://api.highcharts.com/highstock#chart

編輯: 它可以使用倒Highcharts與dataGrouping,它當然需要Highstock文件,但只需使用Highcharts.Chart()創建圖表。不要忘記從Highstock啓用dataGrouping。見例如:http://jsfiddle.net/PATyv/2/

代碼:

window.chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      inverted: true 
     }, 
     title: { 
      text: 'USD to EUR exchange rate' 
     }, 
     tooltip: { 
      style: { 
       width: '200px' 
      }, 
      valueDecimals: 4 
     }, 
     yAxis: { 
      title: { 
       text: 'Exchange rate' 
      } 
     }, 
     xAxis: { 
      type: 'datetime' 
     }, 
     series: [{ 
      name: 'USD to EUR', 
      data: data, 
      id: 'dataseries', 
      dataGrouping: { 
       enabled: true 
      } 
     }] 
    }); 
+0

好的,謝謝你的回答。我仍然在尋找有很多點的倒轉圖的解決方案。我以這種方式編輯了我的問題。 – Guian 2013-03-05 10:36:04

+0

也是,我想知道。您認爲未來將實施帶y軸導航的倒立高架圖嗎? – Guian 2013-03-05 10:37:27

+1

已更新的答案,您可以投票/創建一個想法[在此](http://highcharts.uservoice.com/forums/55896-general)來實施Highstock中的額外功能。 – 2013-03-05 10:42:37