highcharts 、日期时间、时间戳,当坐标轴为“日期时间”类型时,需要什么格式的日期?

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

我是Highcharts的新手,遇到了一个问题。当轴的类型为“日期时间”时,它需要什么样的日期格式,只有时间戳?例如:

const options: Options = {
        chart: {
            type: 'column',
        },
        xAxis: {
            crosshair: false,
            type: 'datetime', 
            title: {
                text: 'test X,
            },
            labels: {
                format: '{value:%m.%Y}', // here I formate to date
            },
        },
        yAxis: {
            title: {
                text: 'test Y',
            },
        },
        series: [
            {
                name: 'test 1',
                data: [
                    [1483232400000, 1.4],
                    [1483491600000, 5.5],

                ],
            },
            {
                name: 'test 2',
                data: [
                    [1483232400000, 2.4],
                    [1483491600000, null],

                ],
            },
        ],

    };

但是我可以像这样用字符串来传递数据吗?

data: [
        ['2021/12/28', 1.4],
        ['2022/01/28', 1.3],...

或类似于:

data: [
        ['28.12.2021', 1.4],
        ['28.01.2022', 1.3],...
6l7fqoea

6l7fqoea1#

根据文件:

类型

坐标轴的类型。可以是缐性、对数、日期时间或类别目录其中之一。在日期时间坐标轴中,数字以毫秒为单位,而刻度标记会放置在适当的值上,例如完整的小时或天。在类别目录坐标轴中,如果未定义类别目录数组,则图表数列的点名称会用于类别目录。
您需要使用以毫秒为单位的时间戳:

series: [{
    data: [
      [new Date('2021/12/28').getTime(), 1.4],
      [new Date('2022/01/28').getTime(), 1.3],
      [new Date('2022/02/28').getTime(), 1.3]
    ]
  }]

现场演示:http://jsfiddle.net/BlackLabel/8sqafr27/
API引用:https://api.highcharts.com/highcharts/xAxis.type

相关问题