javascript - Highcharts将空值放在最大y位置？

Question

将 y 轴的最大值设置为 100，任何高于 100 的数据点都会像下面的屏幕截图一样呈现。点在图表之外。鼠标悬停仍然显示显示 y 位置的工具提示，在此屏幕截图中，它是 150，最大 y 轴为 100。

我正在为点设置空值，并连接空值。是否可以重新格式化空值并将其放置在图表之外或至少在最大 y 位置？低于 null 值将是 May，是否可以将此 null 值放在图表最顶部的 100 行，同时保持该值为 null？

Answer 1

您可以预处理数据以将您的空值设置为一个高数字，然后添加一个工具提示格式化程序以显示这些值的空值：

var data = [29.9, 45, 90.4, 29.2, 80.0, null, 24.6, null, 10, 12, 95.6, 54.4];
data = $.map(data, function (n) {
    if (n == null) return 150;
    else return n;

});
$('#container').highcharts({
    chart: {},

    tooltip: {
        formatter: function () {
            if (this.y >= 100) return this.x + ':';
            else return this.x + ':' + this.y;
        }
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        max: 100
    },
    series: [{
        data: data
    }]
});