Highcharts将空值置于最大y位置？-Java 学习之路

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

enter image description here

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

enter image description here

1 回答

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

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
    }]
});

回复于 2024-05-22T03:13:07+08:00

Highcharts将空值置于最大y位置？

1 回答

相关问题