javascript - Highcharts 点之间的距离相等

Question

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

});

Answer 1

您可以使用断轴模块并将中断设置为 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/