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

时间:2013-09-18 15:24:08

标签: javascript jquery highcharts

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

enter image description here

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

enter image description here

1 个答案:

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