就用的是highcharts官方的例子,我新建了一个单独的html可以运行但放到django的模板里就不可以了。已经确定资源已经正常加载(即jquery和highcharts的js文件都能加载),在这一句提示 $('#test').highcharts({
undefine is not a function。不知是什么原因呢?(google上搜到类似问题是没有加载jquery,我这里已经加载了)
<html>
<head>
</head>
<body>
<p id="test" style="width:100%; height:400px;"></p>
<script src="./jquery.js"></script>
<script src="./highcharts.js"></script>
<script>
$(function () {
$('#test').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
</script>
</body>
</html>
不过后来我在网上看到一个这样的写法,算是解决了
js
new Highcharts.Chart({ chart: { type: 'column', renderTo:"test"//这里是p的id }, ....
阿神2017-04-10 15:02:17
请注意jQuery版本的问题,
jQuery2.0(具体哪个版本不记得了,至少1.4.4是不可以的)以下版本是有问题的,需通过new Highcharts.Chart()方式调用