如何在highchart中显示自定义日期时间格式?

时间:2016-09-04 08:26:43

标签: c# datetime highcharts

我在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'
                           },

1 个答案:

答案 0 :(得分:0)

任何日期都必须以数字形式提供 - 一种JavaScript时间戳格式(自1970.01.01以来的毫秒数)。对于Highcharts数据 - 必须将date设置为数据点的x属性。请参阅this section of Highcharts documentation中解释的可能的数据格式。

如果您希望将日期视为Highcharts在a datetime type axis中的日期,则日期不能是字符串 - 您需要像在this demo中一样解析它:

$('#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]
        ]
    }]

});