Conflict with Datatables & Highcharts!

shinigaimi

Hey all so, as the tittle says I am using datatables with high charts, before I enter the javascript into the header datatables works perfect, after I enter the script the table doesnt sort or paginate! here is the code

Thanks for any help!! vvvvvv


$(document).ready(function () {
$('.dataTable').dataTable({
"aaSorting":[
[ 1, "desc" ]
],
"iDisplayLength":20,
"bFilter":false
});
});



$(function () {
var chart;
$(documentt).ready(function () {
chart = new Highcharts.Chart({
chart:{
renderTo:'container',
backgroundColor:'#000000',
plotBorderWidth:null,
plotShadow:true
},
title:{
style:{
color:'#ffffff',
fontWeight:'normal'
},
text:'Facility Captures'
},
tooltip:{

enabled:true

},
plotOptions:{
pie:{
allowPointSelect:true,
cursor:'pointer',
borderColor:'#ffffff',

dataLabels:{
enabled:true,
color:'#ffffff',
connectorColor:'#ffffff',
formatter:function () {
return '' + this.point.name + ' ';
}
}
}
},
series:[
{
type:'pie',
name:'captures',
data:[
<?php facility_capture_count(); ?>
]
}
]
});
});

});

essexsteph

I came across the same issue - this thread includes how I solved it:

http://datatables.net/forums/discussion/13840/drawing-a-chart-from-datatables-working-example

Steph