2017-05-26 121 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

我这么认为,我只是更新了它 –