2015-07-21 49 views
0

我有下面的散點圖,我想創建一個沒有y軸的圖,並且x軸上的所有散點圖在這兩個圖中都看作是一條直線。Highstock,使yAxis爲零

以下爲小提琴,http://jsfiddle.net/pratik24/n24s2fyk/1/

代碼段:

$(function() { 
    $('#container').highcharts('StockChart', { 

     navigator:{ 
      enabled: false 
     }, 
     scrollbar:{ 
      enabled: false 
     }, 

     rangeSelector : { 
      selected : 1, 
      enabled:false 
     }, 

     yAxis: [{ 
      labels: { 
       align: 'left' 
      }, 
      title: { 
       text: 'OHLC' 
      }, 
      height: '60%' 
     }, { 
      labels: { 
       align: 'left', 
       x: -3 
      }, 
      title: { 
       text: 'Volume' 
      }, 
      top: '65%', 
      height: '35%', 
      offset: 0 
     }], 

     series: [{ 
      type: 'scatter', 
      name: 'AAPL', 
      data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]    
     }, { 
      type: 'scatter', 
      name: 'Volume', 
      data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], 
       yAxis: 1 

     }] 
    }); 

}); 如何能在此HighStock來實現,

由於

在直線

回答

1

散點 - 設置數據將呈現這樣(例如,[1,1,1,1,1])或增加Y軸比例使用minmax

實施例:http://jsfiddle.net/6bkzxoff/

要隱藏y軸的使用軸選項:

 title: { 
      text: '' 
     }, 
     labels: { 
      format: ' ' 
     } 

示例:http://jsfiddle.net/6bkzxoff/1/

+0

我該如何讓xaxis在這裏顯示值,將所有yaxis值轉換爲xaxis。 – patz

+1

Highstock不支持將y軸切換x軸的倒轉圖表。您可以使用格式化程序 - [API](http://api.highcharts.com/highstock#xAxis.labels.formatter)更改x軸標籤中顯示的內容。 –