Hover Markers Missing On Disconnected Graph

I'm facing a problem and I am not sure if it's a bug in the highcharts plugin or a programing error. I am using null values to draw a disconnected line graph with only one serie b

Solution 1:

The problem is that in Highcharts data for one series should be sorted ascending for xAxis, while your series aren't. Sort your data, and should be working.

Solution 2:

I will assume that you aren't actually talking about markers since those are set to

plotOptions : { line : { marker : { enabled: false, } } },

in your example. If you want to show markers you will need to change that to enabled: true.

You are probably talking about the tooltip instead.

What you need to do is change your code to:

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

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

        return s;
    },
},

See these doc entries and fiddles:

http://api.highcharts.com/highcharts#tooltip.shared

http://api.highcharts.com/highcharts#tooltip.formatter

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/tooltip/formatter-shared/

Solution 3:

Bug is neither in highcharts and nor in your program. Problem is that some of the markers are hidden behind others. Have a look at http://jsfiddle.net/msjaiswal/KYXQS/10/ You will notice that at the connection point of green and blue lines, blue markers are hidden behind green ones. Try deselecting green series from legend and hidden blue markers will show up.

Enable markers in chart options like this:

           line : {
                marker :
                {
                    enabled: true,
                }
            }