Highcharts, Javascript

Highcharts, Javascript

本文关键字：Javascript Highcharts      更新时间：2023-09-26

我从在线Highcharts教程开始复制并粘贴代码，但浏览器中仍然没有显示任何内容。我是编码新手，请寻求帮助！

<!DOCTYPE html>
<html>
<head>
<!-- DEV -->
<script src="jquery-1.11.1.min.js"></script>
<script scr="highcharts.js"></script>
<script src="highcharts-more.js"></script>
<!-- /DEV -->
<title>highcharts</title>
<script>
$(function () { 
$('#container').highcharts({
chart: {
type: 'bar'
},
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>
</head>
<body>
<div id="container" style="width: 600px; height: 400px;"></div>
</body>
</html>

我做错了什么？

您有一个拼写错误：

<script scr="highcharts.js"></script>

应该是：

<script src="highcharts.js"></script>
相关文章：