CODEWITHSUNDEEP
javascripthighcharts
iplus26
iplus26

Reputation: 2637

Highcharts tooltip looks weird

Update (2016.03.03): I'm using Safari v9.0.3 and Chrome v48.0.2564.116 on Mac OS X 10.11.3. I can't replicate the issue to jsfiddle to show. Actually, I've found the issue may disappear after I refresh the pages, so I don't think it's caused by my additional JavaScript or CSS files.

I'm working with Highcharts these days and I've run into a problem that the tooltip of my basic line graph looks weird.

The tooltips of some points look normal like below: enter image description here

However, tooltips of the other points look different like: enter image description here

I can tell no differences between two DOM trees rendered...

And I tried my code in jsfiddle but it looks fine...

There's no code, check out the jsfiddle link above

I don't know why it's different, any ideas? Thanks in advance!

Upvotes: 0

Views: 159

Answers (1)

user2263572
user2263572

Reputation: 5606

Can you please post your highcharts code? That will help to diagnose the issue, and provide a more substantial solution.

Also, I would suggest setting the useHTML option to true in case that is causing any issues. Here is a link on how you can do that: useHTML

This will allow the chart renderer to read all html elements within your tooltip formatter function, instead of just a subset of html elements. I have seen this cause issues in the past when people try to incorporate fancy code into their tooltip.

Not sure if that will fix your issue, but it's a good place to start.

Upvotes: 1

Related Questions