我刚开始在我的一个实现中使用HighCharts,但我无法使用以下代码渲染图表。我错过了什么吗?
<html xmlns="http://www.w3.org/1999/xhtml" height="100%">
<head>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
var chart;
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Testing'
},
legend: {
layout: 'vertical',
floating: true,
backgroundColor: '#FFFFFF',
align: 'right'
verticalAlign: 'top',
y: 60,
x: -60
},
tooltip: {
formatter: function() {
return this.x + ': ' + this.y;
}
},
series: [{
type: 'column',
data: []
}]
}
$.getJSON("data.php", function(json) {
options.series[0].data = json;
chart = new Highcharts.Chart(options);
});
});
</script>
</head>
<body>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>
我的数据文件的输出是这样的:
[["A",13],["B",3],["C",7]]
答案 0 :(得分:2)
您忘记了代码中的逗号,更改:
backgroundColor: '#FFFFFF',
align: 'right'
verticalAlign: 'top',
为:
backgroundColor: '#FFFFFF',
align: 'right',
verticalAlign: 'top',
以下是您的代码的工作示例:http://jsfiddle.net/HCJCr/
提示:了解如何在Firefox中使用Chrome或Firebug中的调试器。您将在一秒钟内发现这些错误和其他错误。值得花时间。