0
jQueryのデータとしてdatatableプラグインを使用して、表示するWebページにpiechartを作成します。 以下は、データが手動でjsonデータとして入力されるパイチャートのコードです。私はJQueryのデータとしてデータテーブルプラグインを使用して円グラフを作成したい
<script src="js/highcharts.j`enter code here`s" type="text/javascript"></script>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'browser_cart',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' clicks';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 45],
['IE', 26],
['Chrome', 12],
['Safari', 8],
['Opera', 6],
['Others', 7]
]
}]
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<div id="browser_cart" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
私はエラーmessaageました - > "Highchartsが定義されていない マージ機能ではありません。"
Oに確認してください申し訳ありませんが、highcharts.jsは正しいものですが、コピーした時点であった可能性があります。 – pasula
コードが正しいです。どうかお手伝いしますか？ – pasula
'js'フォルダに' highcharts.js'ファイルがありますか？ – antyrat