Wenn ich Highcharts verwende, hat meine DataTable seine Funktionalität verloren.

Question

Ich benutze jquery.dataTables.min.js für Datentabelle. Dann versuche ich Highcharts zu verwenden. aber wenn ich Highcharts-Code in Dokument bereit Funktion dann DataTable verlor seine Funktionalität .. wie Suchfeld, Bildlauf, Design.

$ (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

Versuchen Sie die Reihenfolge der Skripts zu ändern. Highcharts-Skripte bewegen sich am Ende von DataTable-Skripten dann kann alles in Ordnung sein.