Jump to content
We've recently updated our Privacy Statement, available here ×
  • Tooltip does not follow mouse cursor or displays data for incorrect data point in HTML5 chart


    stasp

    Issue description

    There can be different reasons for tooltip to display data different from what you expect. Often times the tooltip display configuration just needs to be adjusted, but there are also times when issue is not directly related to WHAT is configured to be displayed in the pop-up.

    One of our users ran into an 'issue' where tooltip content was displayed NOT for the data point which had mouse coursor over it. Like this:

    To compare, consider this behavior where tooltip content always corresponds to the data point with mouse pointer hovering over it:

     

    Explanation and solution

    The 'issue' on the first video is caused by the following property in a JR report:
     
    <hc:chartProperty name="tooltip.shared" value="true"/>
     
    This can be also replicated with Highcharts API by adding the following property in javascript:
     
    tooltip: {
            shared: true
    }
     
    According to the Highcharts API, "When the tooltip is shared, the entire plot area will capture mouse movement or touch events". Apparently this also leads to chart not being able to distinguish where is the mouse cursor in the plot area at a given moment.

    User Feedback

    Recommended Comments

    There are no comments to display.



    Guest
    This is now closed for further comments

×
×
  • Create New...