工具提示中的dataClasses名称通过格式化函数[Highcharts]

时间:2017-02-06 14:27:53

标签: javascript jquery highcharts

我根据热图制作了污染表,工具提示使用格式化功能。我想知道如何在悬停鼠标时使工具提示显示不同类别的数据(colorAxis中的dataClasses名称)(例如:Norma,Regular等等),而不是像现在一样显示值( 90μg/m³,220μg/m³等......)

以下是表格:https://jsfiddle.net/Ruloco/58q60968/

这是工具提示代码:

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以通过this.series.colorAxis.dataClasses[this.point.dataClass].name访问点的数据类名称。

  tooltip: {
        formatter: function () {
            return '<b>' + this.series.xAxis.categories[this.point.x] + '</b><br><b>' + 
                this.series.colorAxis.dataClasses[this.point.dataClass].name + '</b><br><b>' + this.series.yAxis.categories[this.point.y] + '</b>';
        }
    },

示例:https://jsfiddle.net/58q60968/6/