Тепловая карта Highcharts не загружает данные

Question

Я использую высокие графики, чтобы нарисовать карту тепла для визуализации температур.Тепловая карта показывается самостоятельно, но в ней не отображаются данные.

В документации по старшим диаграммам (https://api.highcharts.com/highcharts/series.heatmap.data) они дают два способа определения данных. Я пошел по первому пути. У меня есть массив массивов PHP с 3 значениями, соответствующими значениям x, y, value.Например:

[["02/27/2018",0,2.5],["02/27/2018,1,2.6"]] // You get the idea

Это должно соответствовать описанию в документации. Что касается загрузки, я использую data: <?php echo getDataHeatMap();?>. Это функция PHP в javascript (я также использую этот способполучения данных для создания линейного графика, который работает). Если я смотрю в своей консоли, я вижу добавленные данные, но они не отображаются в моей тепловой карте.

Для другого кода я последовал примеруhttps://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap-canvas/

Answer 1

Если вы хотите использовать datetime xAxis, вы должны указать свои первые x значения как метку времени в миллисекундах с полуночи 1 января 1970 года:

data: [[1493326164493,0,2.5],[1493326164493,1,2.6]],

Документы: https://www.highcharts.com/docs/chart-concepts/axes

Живая демоверсия: https://jsfiddle.net/BlackLabel/L6kr1eda/

Также вы можете использовать categories тип оси:

Highcharts.chart('container', {
  chart: {
    type: 'heatmap'
  },
  xAxis: {
    categories: [
      "02/27/2018"
    ]
  },
  series: [{
    data: [
      [0, 0, 2.5],
      [0, 1, 2.6]
    ]
  }]
});

Живая демо: https://jsfiddle.net/BlackLabel/t4605uev/