ハイチャートを使用すると、DataTableの機能が失われます。

Question

データテーブルにjquery.dataTables.min.jsを使用します。 次にハイチャートを使用しようとしています。しかし、ハイチャートを文書準備機能に入れたら、dataTableは検索ボックス、スクロール、デザインなどの機能を失いました。

$（関数（）{

/*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スクリプトの最後に移動し、すべてがOKである可能性があります。