📅 最后修改于: 2023-12-03 14:39:20.354000 🧑 作者: Mango
当尝试在使用Highcharts的JavaScript代码中绘制arearange图时，会在控制台上看到“arearange is not a function”等类似错误信息。
这通常是因为Highcharts库中缺少arearange模块导致的。Highcharts是一个庞大的库，除了基本的折线/面积图之外，还有其他类型的图表，如柱状图、玫瑰图等等。每个图形类型都有对应的子模块，需要在使用前先加载它们。
为了解决此问题，您需要确保您的Highcharts库加载了arearange模块。确保您的Highcharts库中包含以下代码：
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/arearange.js"></script>
其中第二个代码段加载了arearange模块。如果您在使用某些Highcharts包管理器（如NPM），则您可能需要使用适当的代码来加载它。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>arearange highcharts 缺少模块反应</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/arearange.js"></script>
</head>
<body>
<div id="container" style="height: 300px"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'arearange'
},
title: {
text: 'Monthly temperature range'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: null
}
},
tooltip: {
crosshairs: true,
shared: true,
valueSuffix: '°C'
},
legend: {
enabled: false
},
series: [{
name: 'Temperatures',
data: [
[1483228800000, -5.8, 0.7],
[1483315200000, -4.5, 1.9],
[1483401600000, -4.5, 3.3],
[1483488000000, -0.2, 7.2],
[1483574400000, -2.7, 6.2],
[1483660800000, -1.3, 9.8],
[1483747200000, 0.6, 7.9],
[1483833600000, -0.9, 6.6],
[1483920000000, -5.5, 1.3],
[1484006400000, -9.9, -3.6],
[1484092800000, -7.6, -2.3],
[1484179200000, -4.5, 0.4]
]
}]
});
</script>
</body>
</html>
此示例代码将绘制一个arearange图。请注意，arearange模块应该在Highcharts之后被加载。
在使用Highcharts绘制arearange图时，如果在控制台上看到“arearange is not a function”等类型的错误消息，则需要确保已包含arearange模块。通过加载适当的代码段，可以解决此问题。