Question

我在公司的框架中实施了HighCharts，我可以说我们对它非常满意。但是我们遇到了问题，我们不知道如何解决。

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

观察下面的小提琴，它会生成一个条形图，其中有几列值为0或无价值。

图表运行的方法：

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

Answer 1

为什么不将它设为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
},

演示here。请注意，我添加了0点值。如果那里没有任何意义那么就没有什么可以展示的，对吧？

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

Answer 2

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

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

只是在同一页面上 - 要显示工具提示，您需要点图形，否则将不会有用于触发工具提示显示的悬停事件。

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

2 个答案: