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

HighCharts - Show tooltip on column where value is 0 or null

本文关键字：显示 工具提示 null HighCharts-      更新时间：2023-09-26

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

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

注意下面的fiddle，它生成了一个条形图，其中有几个列的值为0，或者没有价值。

Js报价

图表运行的方法：

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

为什么不将其作为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
},

在这里演示。请注意，我添加了一个0点值。如果没有意义，那么就没有什么可展示的，对吧？

{
    name: "2012",
    data: [
        [0, 69347.35],
        [1, 120753.55],
        [2, 0],
        [12, 95050.45]
    ]
}

正如@wergeld所说，您需要将基于0的值传递给选项，否则根本不会显示任何内容。对于null，这是不可能的，因为它没有值。

现在，您需要将minPointLength设置为某个值（如10），然后即使是0值也会显示为小条。请参阅演示：http://jsfiddle.net/EJK4e/12/

为了在同一页面上显示工具提示，您需要点图形，否则将不会出现触发工具提示的悬停事件。

相关文章：