Highcharts是否支持使用YYYY-MM-DD HH:MM:SS格式替代毫秒作为数据值？

当然可以用YYYY-MM-DD HH:MM:SS这类字符串时间戳作为Highcharts的数据值，不过你遇到的parseDate回调不生效的问题，是因为data模块的parseDate回调仅在从外部数据源（如CSV、HTML表格）加载解析数据时才会触发，直接给series.data赋值数组的话，这个回调不会被调用。下面给你几个可行的解决方案：

方法1：直接传入标准时间字符串（最简便） #

Highcharts本身支持解析符合ISO规范的时间字符串，只要你的x轴设置为datetime类型，直接把字符串放进series.data的数组项里即可：

Highcharts.chart('container', {
  xAxis: {
    type: 'datetime' // 必须设置为时间轴类型
  },
  series: [{
    // 数据项格式为 [时间字符串, 对应数值]
    data: [
      ['2011-10-11 13:45:00', 15],
      ['2011-10-12 09:14:00', 28],
      ['2011-10-13 16:30:00', 22]
    ]
  }]
});

Highcharts会自动将这些字符串转换为对应的毫秒时间戳进行渲染。

方法2：手动转换字符串为时间戳（自定义格式场景） #

如果你的时间格式是非标准ISO格式，或者需要更灵活的解析逻辑，可以提前手动转换为毫秒时间戳。可以用原生Date对象，或者借助日期处理库（比如moment.js）：

// 自定义时间解析函数
function parseMyDate(dateStr) {
  // 这里可以根据你的格式写自定义解析逻辑，比如处理非标准分隔符
  return new Date(dateStr).getTime();
}

Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },
  series: [{
    data: [
      [parseMyDate('2011-10-11 13:45:00'), 15],
      [parseMyDate('2011-10-12 09:14:00'), 28]
    ]
  }]
});

方法3：使用data模块的parseDate回调（需通过data模块加载数据） #

如果你一定要用parseDate回调，那得改用data模块的数据源加载方式（比如data.rows、data.csv），而不是直接给series.data赋值。示例如下：

Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },
  data: {
    // 用rows传入数据，而不是series.data
    rows: [
      ['2011-10-11 13:45:00', 15],
      ['2011-10-12 09:14:00', 28]
    ],
    // 此时parseDate回调会生效，可自定义解析逻辑
    parseDate: function(value) {
      return new Date(value).getTime();
    }
  }
});

总结 #

• 直接传入标准时间字符串到series.data是最省心的方式，无需额外配置
• parseDate回调只在data模块处理外部/结构化数据源时生效，直接赋值series.data不会触发它
• 自定义时间格式时，提前手动转换为毫秒时间戳是最可靠的方案

内容的提问来源于stack exchange，提问作者Joba