HighStocks - 每个单独的y轴上的x轴网格线

我试图在图表的每个y轴上绘制x轴网格线。现在，x轴网格线贯穿整个y轴，每个y轴之间没有分隔或停止。HighStocks - 每个单独的y轴上的x轴网格线

这里是我怎样，我现在越来越 enter image description here

代码为x轴

xAxis: { 
      gridLineWidth: 5, 
      minTickInterval: 24 * 3600 * 1000, 
      lineColor: '#000', 
      tickColor: '#000', 
      startOnTick: true, 
      labels: { 
       style: { 
        color: '#000', 
        font: '11px Trebuchet MS, Verdana, sans-serif' 
       } 
      }, 
      title: { 
       style: { 
        color: '#333', 
        fontWeight: 'bold', 
        fontSize: '12px', 
        fontFamily: 'Trebuchet MS, Verdana, sans-serif' 

       } 
      } 
     },

如何防止线路从延伸到所有的图表，即对所有y轴。这就是我想要它的样子 enter image description here

请让我知道如何达到预期的效果。我会感谢任何帮助。

感谢， Maxx的

来源

2014-04-01 Maxx

我T的有趣，因为这是它如何工作的Highstock 1.3.10，请参阅：http://jsfiddle.net/4qGKE/

 xAxis: { 
      gridLineWidth: 1 
     },

然而Highcharts不支持这个现在（参见：http://jsfiddle.net/4qGKE/1/）。

来源

2014-04-02 11:16:17

对不起，延迟回复。是的，我正在使用HighStocks。但即使使用xAxis：gridLineWidth：1 }，我也没有得到期望的结果。只有x轴的宽度减少了一些像素。 – Maxx

但我初始化它使用chart1 = new Highcharts.StockChart（选项，函数（图表）{//应用日期选择器setTimeout（函数（）{$（'范围选择器'，$（'＃'+ options.chart。 renderTo））。datepicker（）}，10）;}）;我希望那不会导致问题。请让我知道 – Maxx

不，不应该导致问题。确保你使用Highstock 1.3.10（在JS控制台类型'Highcharts.version'） –

我不认为你可以，实际上。周围

几种可能的方式：使用渲染器在每个区域绘制一个框

隐藏起来
设置的每个缝隙作为另一个Y轴，使用白色plotBand到隐藏

他们都不是干净的，但...

来源

2014-04-01 13:17:19 jlbriggs

感谢您的关心。但是，您能否提供一些关于如何为每个y轴创建单独的x轴的指南。我认为它是最方便的方法。但是因为我是HighStocks的新手，所以实际的实现细节对我来说是未知的。你能提供一些指导 – Maxx

其实，在试图设置一个例子时，我发现x轴选项确实不是一个选项。我编辑了答案来反映这一点。 – jlbriggs

使用现有示例（来自Pawel，见下），我在这里使用了阴谋带方法：http://jsfiddle.net/jlbriggs/4qGKE/3/ – jlbriggs

HighStocks - 每个单独的y轴上的x轴网格线

回答

相关问题