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

时间:2014-04-10 17:47:42

标签: javascript jquery css highcharts tooltip

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

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

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

JsFiddle

图表运行的方法:

GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

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

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

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