如何使用 ApexCharts 显示时间？

Question

I know the ApexCharts can help to display data using timeline chart. but the example(vue) only shown how to display the date like

new Date(1797, 2, 4).getTime(),
new Date(1801, 2, 4).getTime() ```

how can I change the value to display time? like 08:00-09:00

Answer 1

You can create your own x-axis labels in the dataset using the chart's xaxis categories option.

For example:

options: {
  chart: {
    id: 'mychart'
  },
  xaxis: {
    categories: ['8:00','9:00','10:00','11:00','12:00','1:00','2:00','3:00']
  }
}