Selected slice on load and events for slices

[turneja1]

Hi, I've added this attr: data-graph-item-highlight to the td in my table, however I have a mouseOver function that selects this.select(null); however it doesnt override the attr, and I cannot find any docs on how to select a slide on load - I couldn't get the highChartConfig.chart={} to work to call those functions from the HighCharts.

Any help would be great, thanks!

code:

$('table.ttable').bind('highchartTable.beforeRender', function(event, highChartConfig) {
highChartConfig.colors = [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
],
highChartConfig.plotOptions = {
pie: {
cursor: 'pointer',
size: '80%', // size of pieChart
stickyTracking: false, // if false, events per slice/obj
innerSize: '60%', // innerSize dount ring
center: ['25%', '50%'],
showInLegend: false,
slicedOffset: 15,
shadow: 0,
point: {
events: {
mouseOver: function(event) {
$report.html('' + this.percentage.toFixed(1) + '%' + this.name + '');
this.select(null);
},
legendItemClick: function(event) {
this.select(null);
$report.html('' + this.percentage.toFixed(1) + '%' + this.name + '');
return false;
}
}
}
}
},
highChartConfig.tooltip = {
enabled: false
},
highChartConfig.legend = {
cursor: 'pointer',
floating: true,
align: 'right',
borderColor: null,
verticalAlign: 'top',
x: 0,
y: 20,
width: 200,
itemWidth: 180
};
}).highchartTable();