点高图之间的距离相等

Question

I would like to know if there's a way to keep the distances between the points equal when using xAxis type as Datetime.

js fiddle

I want to maintain the distances equal I don't want the gap that the chart has between 3 and 6 January.

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

You can use broken axis module and set the break to 1 day and gap size to 0. If you have more breaks you can specify each break as an object in breaks array or use repeat property.

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,

example: http://jsfiddle.net/8oL9757j/