highcharts - 精确的 Highcharts xrange

Question

有没有办法让“xrange”类型以看起来像“列”类型的绝对精度呈现数据？我会使用“列”，但它只使用一个“x”值，我需要每个条的开始和结束时间。

我需要条形图将 yAxis 从 0 延伸到 y 值。在此示例中，每个条形都使用填充并超出最大值：

https://jsfiddle.net/w5mhfp1x/1/

Highcharts.chart('container', {
chart: {
    type: 'xrange',
    styledMode: true
},
title: {
    text: 'Highcharts X-range'
},
xAxis: {
    type: 'datetime',
    tickInterval: 1800000,
    dateTimeLabelFormats: {
      day: '%H:%M'
    },
},
time: {
    useUTC: false
  },
series: [{
    name: 'Project 1',
    pointPadding: 0,
    groupPadding: 0,
    borderRadius: 1,
    data: data,
  }]
});

我认为这个版本是精确的，但我需要栏一直延伸到 0：

https://jsfiddle.net/w5mhfp1x/2/

series: [{
    name: 'Project 1',
    pointPadding: 0,
    groupPadding: 0,
    borderRadius: 1,
    pointWidth: 1,
    data: data,
}]

标签： highcharts