2017-11-13 3 views
0

私は、Web開発者が新規です。私はcharを表示するためにsimpeウェブサイトを作成しましたが、私には問題があります。私の問題は、ハイチャートを使ってすべてのデータを表示しているときです。私のハイチャートは表示されていません。私は別の記事を検索しましたが、私はまだ私の問題の解決策を得ていません。ハイチャートが表示されていません

私は私のブラウザコンソールをチェックして、私はこれは私の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> 

ているのですか?この

error

のようなエラーが発生しましたか私はオフラインハイチャートを使用しています。ハイチャートファイルをダウンロードして、自分のフォルダに貼り付けました。

助けは私にとって非常に役に立ちます。輸入JS私のフォルダからファイルとそれが今働いているとき

UPDATEは、私はいくつかのミスをしました。すべてのおかげでありがとう。

+1

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

+0

移動スクリプトタグのすべてのちょうどbodyタグを終了する前に。 –

+0

これはjsfiddleに入力したときに動作します:https://jsfiddle.net/ewolden/nrdc4ky5/ – ewolden

答えて

0

Highchartsエラーに応じて、HighchartsはレンダリングするHTML要素を見つけることができません。 DOMが初期化される前に関数を呼び出すことになります。 scriptタグをHTML本文の後ろに入れてみてください。

Highchartsエラー:https://www.highcharts.com/errors/13

+0

HTML本体の後にスクリプトタグを置くと黒い画像が表示されます –

+0

エラーは何ですか? – pmaddi

+0

ブラウザのコンソールにエラーがありません –

関連する問題