如何在高图中显示自定义日期时间格式

本文关键字：日期 时间 格式 自定义 显示 高图中 | 更新日期: 2023-09-27 18:05:38

我在c#中生成一个完整的DateTime，如'2016-02-03 11:00:00'并将其传递给js文件中的HighChart。我的理解是"2016-02-03T11:00:00"。现在我在xAxis中显示它，但是当我传递到addpoint方法时，它显示00:00:01 .我试图通过更改日期时间格式来显示它，但对我不起作用。

                       dateTimeLabelFormats: { //force all formats to be hour:minute:second
                               second: '%H:%M:%S',
                               minute: '%H:%M:%S',
                               hour: '%H:%M:%S',
                               day: '%H:%M:%S',
                               week: '%H:%M:%S',
                               month: '%H:%M:%S',
                               year: '%H:%M:%S'
                           },

如何在高图中显示自定义日期时间格式

任何日期都必须以数字形式提供- JavaScript时间戳格式(从1970.01.01开始的毫秒)。对于高图，数据日期必须设置为数据点的x属性。请参阅Highcharts文档本节中解释的可能的数据格式。

如果你想让Highcharts把你的date作为datetime类型轴中的日期来处理，那么你的date不能是一个字符串——你需要像下面这个演示那样解析它:

$('#container').highcharts({
    xAxis: {
        type: 'datetime'
    },
    series: [{
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 0, 2), 71.5],
            [Date.UTC(2010, 0, 3), 106.4],
            [Date.UTC(2010, 0, 6), 129.2],
            [Date.UTC(2010, 0, 7), 144.0],
            [Date.UTC(2010, 0, 8), 176.0]
        ]
    }]
});
相关文章：