Arya Mz
Arya Mz

Reputation: 591

Tooltip doesn't show properly in highcharts

I want to draw a diagram like this in highcharts: enter image description here

The diagram itself doesn't have any problem. But whenever I try to hover on any point in the diagram it doesn't render properly. You can see the live example here: http://jsfiddle.net/xS8xb/

I know that it's not a regular chart and mathematically a function. But is there any hack to solve this problem?

Upvotes: 0

Views: 851

Answers (2)

wergeld
wergeld

Reputation: 14462

Caution, extreme hackery ahead: You can create more than one series on a chart so you could do something like this. Using 2 series. Of course the curves are not properly matched but it gives you a starting point.

Upvotes: 2

menislici
menislici

Reputation: 1167

The diagram itself doesn't have any problem

Actually it does, as you have set the value x=10 two times. Therefore, it's not mathematically a function and this maybe is preventing it to render the tooltips correctly. I changed it and the tooltips seem to work fine (displaying the following information: 'Tokio', y-value in bold and x-value at the top). Example

Upvotes: 0

Related Questions