使用 Highcharts 在 x 轴上绘制图表

Question

如何使用 Highcharts 创建水平图表

Answer 1

您可以使用 Highcharts 以各种方式轻松呈现这样的数据集。下面是如何使用折线图以多种方式之一呈现此数据集的演示。

Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },
  plotOptions: {
    series: {
      pointStart: Date.UTC(2023, 9, 6, 6),
      pointInterval: 3600 * 1000,
      connectNulls: true
    }
  },
  series: [{
    data: [null, 5, 16, null, 8, 19, null, 13, 12]
  }, {
    data: [60, null, 3, null, 12, null, 5, null, 4]
  }]
});

演示：https://jsfiddle.net/BlackLabel/3wvxgyp0/