点高图之间的距离相等

时间:2017-05-26 13:37:06

标签: javascript highcharts

我想知道在使用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]
    ]
  }]

});

1 个答案:

答案 0 :(得分:0)

您可以使用断轴模块并将断点设置为1天,间隙大小设置为0.如果有更多断点,则可以将每个断点指定为break数组中的对象或使用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/