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軸網格線

回答

相關問題