highcharts wird nicht angezeigt

Ich bin neu bei Web-Entwickler. Ich habe eine Simpe-Website erstellt, um einen Char zu zeigen, aber ich habe ein Problem. Mein Problem ist, wenn ich highcharts verwende, um alle meine Daten anzuzeigen. Meine Highcharts werden nicht angezeigt. Ich habe in anderen Artikeln gesucht, aber ich bekomme immer noch keine Lösung für mein Problem.highcharts wird nicht angezeigt

Ich habe meine Browser-Konsole überprüft, und ich bekam Fehler wie dieser

error

Das ist mein index.php

<script type="text/javascript" src="extension/Highcharts/code/js/highcharts.js"></script> 
<script type="text/javascript" src="extension/Highcharts/code/js/highcharts-more.js"></script> 
<script type="text/javascript" src="extension/Highcharts/code/js/modules/exporting.js"></script> 
<script type="text/javascript" src="extension/Highcharts/code/js/modules/offline-exporting.js"></script> 

<script type="text/javascript"> 
    Highcharts.chart('container2', { 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: 'Dashboard' 
     }, 
     xAxis: { 
      categories: ['Fatmawati', 'Tebet', 'Bekasi', 'TB Simatupang', 'Senen'], 
      title: { 
       text: null 
      } 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Orang', 
       align: 'high' 
      }, 
      labels: { 
       overflow: 'justify' 
      } 
     }, 
     tooltip: { 
      valueSuffix: ' millions' 
     }, 
     plotOptions: { 
      bar: { 
       dataLabels: { 
        enabled: true 
       } 
      } 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -40, 
      y: 80, 
      floating: true, 
      borderWidth: 1, 
      backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'), 
      shadow: true 
     }, 
     credits: { 
      enabled: false 
     }, 
     series: [{ 
      name: 'Peserta', 
      data: [20, 15, 30, 67, 47] 
     }] 
    }); 
</script> 

<html> 
<head> 
    <title>Absensi</title> 
</head> 
<body> 
    <div id="container2" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div> 
</body> 
</html>

Wie dieses Problem beheben? Ich benutze Offline-Highcharts und ich habe Highcharts-Dateien heruntergeladen und in meinen Ordner eingefügt.

Jede Hilfe ist sehr nützlich für mich.

UPDATE

habe ich einige Fehler beim Import js Datei von meinem Ordner und es wird jetzt arbeiten. Danke für alle Hilfe.

Quelle

2017-11-13 Marcel Ruben

https://www.highcharts.com/errors/13 –

bewegen alle Ihre Script-Tags, kurz bevor der Body-Tag endet. –

Es funktioniert, wenn in eine jsfiddle eingegeben: https://jsfiddle.net/ewolden/nrdc4ky5/ – ewolden

Aufgrund des Highcharts-Fehlers kann Highcharts das zu rendernde HTML-Element nicht finden. Sie rufen die Funktion auf, bevor das DOM initialisiert wird. Versuchen Sie, Ihr script-Tag nach dem HTML-Text zu platzieren.

Highcharts Fehler: https://www.highcharts.com/errors/13

Quelle

2017-11-13 09:29:03 pmaddi

Es zeigt schwarze Bilder, wenn ich mein Skript-Tag nach dem HTML-Körper setzen –

Was ist der Fehler, den Sie bekommen? – pmaddi

Kein Fehler in meiner Browser-Konsole –

highcharts wird nicht angezeigt

Antwort

Verwandte Themen