現在、グラフ モードでトラフィックの使用状況を表示する Web プロジェクトに取り組んでおり、このプロジェクトには Highchart Bar を使用しています。問題は、このコードを実行してもエラーがまったく発生しないことです
<script type="text/javascript">
$(function () {
$('#chart1').highcharts({
chart: {
type: 'column',
margin: [ 50, 50, 100, 80]
},
title: {
text: 'Sum of User'
},
xAxis: {
categories: [
'A','B','C','D', ],
labels: {
rotation: -20,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: {
min: 0,
title: {
text: 'Total'
}
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return '<b>'+ this.x +'</b><br/>'+
'User Values: '+ Highcharts.numberFormat(this.y, 1);
}
},
series: [{
name: 'sum',
data: [
3,5,1,1, ],
dataLabels: {
enabled: true,
rotation: 0,
color: '#FFFFFF',
align: 'center',
x: 0,
y: 17,
style: {
fontSize: '14px',
fontFamily: 'Verdana, sans-serif'
}
}
}]
});
});
</script>
しかし、データ カテゴリを A、B、C、D、E、F、G に増やし、各カテゴリの値をそれぞれ 2,1,1,17,1,43,6,5 にすると、スクリプトは「まったくグラフを表示しません。何か案は?