无效数据时的Highcharts Heatmap背景颜色

【问题标题】：Highcharts Heatmap background color when invalid data无效数据时的Highcharts Heatmap背景颜色
【发布时间】：2018-06-14 15:16:50
【问题描述】：

当我在 Highcharts Heatmap 上渲染无效数据（如字符串）时，它会以黑色背景显示字符串。下面是一个无效数据的例子：

data: [[0, 0, "A"], [1, 0, "B"], [2, 0, "C"], [3, 0, "D"], [4, 0, "E"]]

我可以更改此默认行为并显示另一种背景颜色而不是黑色吗？

【问题讨论】：

标签： highcharts heatmap

【解决方案1】：

当您使用不受支持的值时，ColorAxis.toColor 函数会返回 rgb(NaN,NaN,NaN) 作为单元格的颜色。通过为该函数编写一个相当小的包装器，您可以截取字符串值并返回您选择的颜色。

例如（JSFiddle demo）：

(function (H) {
    H.wrap(H.ColorAxis.prototype, 'toColor', function (proceed, value, point) {
        if(typeof value === 'string') // String value -> Return pink
            return 'rgb(255,105,180)'; 
        else // Normal value -> Proceed as usual
            return proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    });
}(Highcharts));

【讨论】：

完美运行！感谢这个美丽的答案！