2017-05-26 117 views
0

我想知道是否有辦法在使用xAxis類型作爲日期時間時保持點之間的距離相等。點之間的相等距離​​高圖

js fiddle

我想保持的距離等於我不希望這樣的圖表有1月3日和6之間的差距。

Highcharts.chart('container', { 
xAxis: { 
    type: 'datetime', 
    ordinal: true 
}, 
series: [{ 
    data: [ 
     [Date.UTC(2010, 0, 1), 29.9], 
     [Date.UTC(2010, 0, 2), 71.5], 
     [Date.UTC(2010, 0, 3), 106.4], 
     [Date.UTC(2010, 0, 6), 129.2], 
     [Date.UTC(2010, 0, 7), 144.0], 
     [Date.UTC(2010, 0, 8), 176.0] 
    ] 
    }] 

}); 
+0

看到這個職位的SO:https://stackoverflow.com/a/4447257/1426035 –

+0

這是可能的方式http://jsfiddle.net/bqmn48ud/不使用'x軸'as'type:datetime' –

+0

可以用highstock.js庫使用序號軸​​:http://jsfiddle.net/yv5sc3jL/2/ –

回答

0

可以使用破碎軸模塊和斷裂設定爲1天,間隙尺寸爲0。如果有可以指定各個擊破作爲中斷陣列的對象,或使用repeat屬性的更多斷裂。

xAxis: { 
    type: 'datetime', 
    tickInterval: 3600 * 1000 * 24, 
    breaks: [{ 
    from: Date.UTC(2010, 0, 3), 
    to: Date.UTC(2010, 0, 6), 
    breakSize: 1000 * 3600 * 24 
    }] 
}, 

series: [{ 
    gapSize: 0, 

例如:http://jsfiddle.net/8oL9757j/

+0

差不多!!!現在我在xAxis上有一個空白,在04/28和05/02之間。 例如:http://jsfiddle.net/8oL9757j/2/ –

+0

這是正確的小提琴嗎? – morganfree

+0

我這麼認爲,我只是更新了它 –