Question

我正在使用图表绘制热图以可视化温度。它自动显示的热图，但不显示其中的数据。

在highcharts文档（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();?>。这是javascript中的PHP函数（我也使用这种方式来获取数据来创建有效的折线图）。如果我在控制台中查看，则会看到已添加的数据，但不会在我的热图上显示。

对于其他代码，我遵循示例https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap-canvas/

Answer 1

如果要使用datetime xAxis，则必须指定自1970年1月1日午夜以来的第一个x值作为时间戳，以毫秒为单位：

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/

Highcharts热图未加载数据

1 个答案: