javascript - Highcharts 、Javascript

标签 javascript highcharts

我复制并粘贴了在线 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>

关于javascript - Highcharts 、Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27311552/

相关文章:

javascript - Highcharts 在图例项目之间放置额外的空间

javascript - ASP.NET Core - HTML 代码块重用

javascript - 添加拖放功能 AngularJS + highcharts

Javascript 水波纹效果在帧速率中变慢

r-如何在highcharter图中设置xlim和ylim范围?

javascript - 关于延迟加载样式表的 Highcharts 图表宽度问题

css - 要对 Highcharts 词云中的某些词应用不同的字体样式?

javascript - 单击 div 并在鼠标悬停时淡出

javascript - 返回没有删除元素的数组?在不更改数组的情况下使用 splice()?

javascript - 仅当我们在 Chrome 浏览器中按 F12(开发者工具)时, Highcharts 才会显示数据