[SOLVED] Custom Show/Hide Pie lables

[dooie]

I have two pie charts on a page. I have created a table with data which relates to each. What I would like to do is on mouse over of the table row toggle/show the tool tip on the pie charts.

Is this possible?

Im looking at something along the following lines

Code: Select all

$('#legendWrap ul li').live('mouseover mouseout', function (event) {
        if (event.type == 'mouseover') {
            var index = $(this).attr('data-index') + 1;
            leftChart.tooltip.refresh(leftChart.series[0].data[index]);
            rightChart.tooltip.refresh(rightChart.series[0].data[index]);
        } else {
            leftChart.tooltip.hide();
            rightChart.tooltip.hide();
        }
    });

however, i get the following error;

Uncaught TypeError: Cannot read property 'tooltipPos' of undefined

EDIT...
code was working fine... my index was screwed