highcharts 如何在x轴上显示所有的日期,而不仅仅是偶数日期?

2ledvvac  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(235)

我是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],
                    ...
                ],
            },
        ],
       },
    };

这个图表不仅可以显示日,还可以显示月和年。请回答我的问题

dgenwo3n

dgenwo3n1#

请使用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

相关问题