当无效数据

时间:2018-06-14 15:16:50

标签: highcharts heatmap

当我在Highcharts Heatmap上呈现像字符串这样的无效数据时,它会显示带有黑色背景的字符串。以下是无效数据的示例:

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

我可以更改此默认行为并显示其他背景颜色而不是黑色吗?

1 个答案:

答案 0 :(得分: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));