2013-10-23 43 views
1

我認爲新增加的系列不應該影響舊系列,但是當我試圖用自定義標記添加散點圖系列時,將在新點之間的燭臺之間創建空白空間。我知道將xAxis上的序數選項設置爲false會避免它,但問題在於燭臺上的某些數據點可能會丟失,從而在燭臺系列上產生間隙。因此,我想要的是散射系列不會改變燭臺系列的外觀。如何避免向燭臺圖表添加散點圖系列時出現空白?

這是我通過選項highstock系列:

series : [{ 
      type : 'candlestick', 
      name : 'AAPL Stock Price', 
      data : data, 
      dataGrouping : { 
       units : [ 
        ['week', // unit name 
        [1] // allowed multiples 
       ], [ 
        'month', 
        [1, 2, 3, 4, 6]] 
       ] 
      } 
     }, { 
      type: "scatter", 
      data: [{ 
        x: 1362407640000, 
        y: 460, 
       marker: { 
        symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
       } 
        }], 

     }] 

一句話,我只是想創建一個散佈一系列何時擺脫對燭臺系列空的空間。

這裏是小提琴http://jsfiddle.net/vRDNZ/。感謝您的幫助!

回答

0

一般來說,這正是順序軸應該如何工作。對此有一個簡單的解決方法,使用第二個xAxis,它鏈接到第一個,並將散射系列連接到該軸。示例:http://jsbin.com/oyudan/267/

 xAxis: [{ 
      opposite: false 
     }, { 
      linkedTo: 0, 
      offset: 0, 
      labels: { 
       enabled: false 
      } 
     }], 
     series : [{ 
      type : 'candlestick', 
      name : 'AAPL Stock Price', 
      data : data, 
      dataGrouping : { 
       units : [ 
        ['week', // unit name 
        [1] // allowed multiples 
       ], [ 
        'month', 
        [1, 2, 3, 4, 6]] 
       ] 
      } 
     }, { 
      type: "scatter", 
      xAxis: 1, 
      data: [{ 
        x: 1362407640000, 
        y: 460, 
       marker: { 
        symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
       } 
        }], 

     }] 
+1

非常感謝!它像一個魅力。我還將tickWidth設置爲0以完全隱藏軸。 – Touma

相關問題