How to tie tooltips to the currently hovered SERIES, not just the point?
<p>I have a line chart, with these bits of code:</p>

<pre><code>        tooltip: {
            formatter: function() {
                var tmp = '&lt;b&gt;'+this.series.name+'&lt;/b&gt;';
                return tmp;
            }
        }
</code></pre>

<p>and</p>

<pre><code>                states: {
                        hover: {
                            lineWidth: 8
                        }
                    }
                }
</code></pre>

<p>And by and large, it works perfectly.</p>

<p>But if two lines share a point (they both pass through x = 0, y = 4, for example), and the mousecursor is closer to that point than the next ones along the lines, then the tooltip always returns the first series name, rather than that of whichever line is currently highlighted by hovering over it.</p>

<p>Is there a simple fix?</p>