2015-07-21 50 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轴标签中显示的内容。 –