Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

I have been utilising the react-highcharts wrappers for highcharts.

I am using the following snippet to disable the tooltip for a point in my series for a donut chart.

tooltip: { formatter: function(){ if (this.point.tooltipEnabled) { return this.series.name; return false;

But when the formatter returns false the very first time it is called highcharts renders a random little box in the top left hand corner like this...

If I hover the blue one first it doesnt show the little box on subsequently hovering the grey though.

Any ideas?

It is a bug which appeared in Highcharts 5. Reported here .

Use the latest development version:

<script src="http://github.highcharts.com/master/highcharts.src.js"></script>

or the previous version:

<script src="http://code.highcharts.com/4.2.7/highcharts.js"></script>

http://jsfiddle.net/p9mwgs18/3/

For all series you can disable it via plotOptions.series.states.hover.enabled = false; jsfiddle.net/p9mwgs18/5 – morganfree Nov 7, 2016 at 11:28

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.