HighCharts - 在值为 0 或 null 的列上显示工具提示

may*_*ito 3 javascript css jquery tooltip highcharts

我已经在我公司的框架中实现了 HighCharts,我可以说我们对它非常满意。但是我们有一个问题,我们不知道如何解决。

在柱状图中,当一列的值为零时,它没有关于它的视觉信息,只是省略了该列。当用户将鼠标悬停在值等于 0 的列的空间上时,我希望它显示在工具提示中。

观看下面的小提琴,它生成一个条形图,其中包含多个值为 0 或毫无价值的列。

提琴手

图表运行的方法:

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);
Run Code Online (Sandbox Code Playgroud)

wer*_*eld 5

为什么不让它成为这样的shared工具提示:

tooltip: {
    formatter: function() {
        var s = '<b>'+ this.x +'</b>';

        $.each(this.points, function(i, point) {
            s += '<br/>'+ point.series.name +': '+
                point.y +'m';
        });

        return s;
    },
    shared: true
},
Run Code Online (Sandbox Code Playgroud)

演示在这里。请注意,我添加了 0 分值。如果没有意义,那么就没有什么可显示的,对吧?

{
    name: "2012",
    data: [
        [0, 69347.35],
        [1, 120753.55],
        [2, 0],
        [12, 95050.45]
    ]
}
Run Code Online (Sandbox Code Playgroud)