私は、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>
ているのですか?この
のようなエラーが発生しましたか私はオフラインハイチャートを使用しています。ハイチャートファイルをダウンロードして、自分のフォルダに貼り付けました。
助けは私にとって非常に役に立ちます。輸入JS私のフォルダからファイルとそれが今働いているとき
UPDATEは、私はいくつかのミスをしました。すべてのおかげでありがとう。
https://www.highcharts.com/errors/13 –
移動スクリプトタグのすべてのちょうどbodyタグを終了する前に。 –
これはjsfiddleに入力したときに動作します:https://jsfiddle.net/ewolden/nrdc4ky5/ – ewolden