当我使用highcharts时，我的DataTable失去了他的功能。

Question

我在数据表中使用jquery.dataTables.min.js .. 然后我尝试使用highcharts。但是当我在文件就绪函数中放入高图代码时，dataTable就失去了他的功能......比如搜索框，滚动，设计。

$（function（）{

/*For Highcharts*/  
var chart1 = new Highcharts.Chart({  
    chart: {  
        renderTo: 'my_chart',  
        type: 'line'  
    },  
    title: {  
        text: 'Monthly National Trend of SOMA-JECT Administration'  
    },  
    xAxis: {  
        categories: ['January', 'February', 'March']  
    },  
    yAxis: {  
        title: {  
            text: 'No. of SOMA-JECT Administration'  
        }  
    },  
    series: [{  
        name: 'Soma-JECT',  
        data: [1, 0, 4]  
    }, {  
        name: 'Sayana PRESS',  
        data: [5, 7, 3]  
    }]  
});  

/*For Data Table*/  
$('#example').DataTable({  
    scrollX: true  
});  

}）;

Answer 1

尝试更改脚本的顺序。 highcharts脚本移动到dataTable脚本的底部，然后可能一切正常。