Highcharts、日期时间、xAxis 标签。如何在 x 轴上显示所有日期，而不仅仅是偶数日期？

Question

我是 Highcharts 的新手，遇到了一个问题。我需要在 x 轴上显示所有日期，但默认情况下，我假设只显示偶数日期。如何显示所有日期？

这是我的代码：

const options: Options = {
        chart: {
            type: 'column',
        },
        title: {
            text: '',
        },
        xAxis: {
            crosshair: false,
            type: 'datetime',
            title: {
                text: 'Days',
            },
            labels: {
                format: LABEL_FORMAT[period],
                rotation: 90,
                align: 'left',
            },
        },
        legend: {
            enabled: true,
        },
        credits: {
            enabled: false,
        },
        yAxis: {
            title: {
                text: 'Values',
            },
        },
        series: [
            {
                name: 'test',
                type: 'column',
                data: [
                    [1651363200000, 10],
                    [1651449600000, 15],
                    [1651536000000, 5],
                    ...
                ],
            },
            {
                name: 'test 2',
                type: 'column',
                data: [
                    [1651363200000, 10],
                    [1651449600000, 20],
                    [1651536000000, 30],
                    ...
                ],
            },
        ],
       },
    };

此图表不仅用于显示日，还用于显示月和年。请回答我的问题

Answer 1

使用 xAxis.tickInterval 选项。在这种情况下：

  xAxis: {
    tickInterval: 24 * 3600 * 1000,
    type: 'datetime',
    labels: {
      format: '{value:%Y-%m-%d}',
      rotation: 90,
      align: 'left'
    },
  }

演示： https://jsfiddle.net/BlackLabel/t0Lohusx/

API参考： https://api.highcharts.com/highcharts/xAxis.tickInterval

Highcharts、日期时间、xAxis 标签。如何在 x 轴上显示所有日期，而不仅仅是偶数日期？

Highcharts, datetime, xAxis label. How to show all dates on x axis, not only even dates?

javascript

typescript

highcharts