如何向热图添加增强的工具提示内容

时间:2017-06-15 13:47:39

标签: javascript highcharts

我在json热图数据中添加了第4个术语,但没有打破热图,但我如何在下面的工具提示格式化程序中解决新的第4个术语?

原始隐式[x,y,z] 3项数组 {"名称":" z轴""数据":[[0,488,3],[0,488,3],...

新增强的[x,y,z,comment] 4术语数组 {"姓名":" zaxis","数据":[[0,488,3," -90.8 | -87.5 | 0.0 | 0.0"],[0,488,3," -103.4 | -99.4 | 0.0 | 0.0&#34],...

formatter: function () {
return '<b>' + this.series.yAxis.categories[this.point.y]+ '</b>' +
'<br><b>' + this.point.value + '</b> dB' + 
' at <b>' + this.series.xAxis.categories[this.point.x] + '</b>';
},

有更好的方法吗?

2 个答案:

答案 0 :(得分:0)

简单的答案发布在highcharts支持板上&gt;  我应该更仔细地看一下。

答案 1 :(得分:0)

另一种选择可能是使用keys,因此您可以发送较小的JSON数据。

演示:http://jsfiddle.net/ysyse7w5/1/

  series: [{
    name: 'Sales per employee',
    borderWidth: 1,
    data: [
      [0, 0, 10, 'custom text 1'],
      [0, 1, 100, 'custom text 2'],
      [1, 0, 100, 'custom text 3'],
      [1, 1, 10, 'custom text 4']
    ],
    keys: ['x', 'y', 'value', 'text'],
    dataLabels: {
      enabled: true,
      formatter() {
        return this.y + '<br>' + this.point.text
      }
    }
  }]