0

我对 HighChart 有疑问。它还没有显示...但是 jquery.js、highcharts.js 等已加载。可能是什么错误？

这是我的代码：

<html>
<head> 
<script language="javascript" type="text/javascript" src="../js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="../js/jquery-ui-1.9.2.custom.js"></script>
<script src="../js/highcharts.js "></script>
<script type="javascript">

var chart = new Highcharts.Chart({
    chart: {        renderTo: 'container2'    },
    xAxis: {    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] },
    series: [{   data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }]
});

</head>
</script>
<body>
<div id="container2" style="height: 300px; margin-top: 2em"></div>
</body>
</html>
4

1 回答 1

1

您应该在 DOM 准备好后加载图表：

$(function () {
    var chart = new Highcharts.Chart({
        chart: {        renderTo: 'container2'    },
        xAxis: {    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] },
        series: [{   data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }]
    });
});
于 2013-05-22T12:29:41.070 回答