score:0

chart.renderer.label('max observation', 340, 50, 'callout', point.plotx + chart.plotleft, point.ploty + chart.plottop)
    .css({
        color: '#ffffff'
    })

in this block you set the location of the label to a region which isn't on your chart.

 chart.renderer.label('max observation', 250, 50, 'callout', point.plotx + chart.plotleft, point.ploty + chart.plottop)
    .css({
        color: '#ffffff'
    })

here it is changed to be back on the chart. here is the jsfiddle - http://jsfiddle.net/54tnht7b/2/

was this what you were looking for?

score:1

i would approach this differently.

i would use the standard functionality of the tool tip for the part that you need activate on hover, and use a separate pop up on click.

see this answer for an example:


Related Query

More Query from same tag