<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async: true"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<title>Tutorial: Hello Dojo!</title>
</head>
<body>
<h1 id="greeting">Hello</h1>
<!-- load Dojo -->
<script>
require([
'dojo/dom',
'dojo/dom-construct'
], function (dom, domConstruct) {
var greetingNode = dom.byId('greeting');
domConstruct.place('<em> Dojo!</em>', greetingNode);
});
</script>
<div id="container" style="width:100%; height:400px;"></div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const chart = Highcharts.chart('container', {
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>
</body>
</html>有人知道我如何将highcharts集成到dojo前端吗？我收到的错误信息是...
Uncaught ReferenceError: Highcharts is not defined at HTMLDocument.<anonymous> dojo.html:24:27最终，我将不得不让这个为ESRI Web应用程序构建器工作，它是建立在Dojo上的，所以我希望Dojo版本是相同的。有人能让我知道如何检查吗？我知道2014年为此做了一个适配器（https://github.com/ben8p/highcharts.com-dojo-adapter）（英文）然而，我找不到关于如何使用它的文档，这个回购协议的所有者无法提供进一步的帮助，因为他们没有在这个项目上工作有时候吧。
提前欢呼和感谢
1条答案
按热度按时间llycmphe1#
使用dojo与Highcharts不是官方支持的。它似乎与Highcharts 5一起工作，但总是建议使用最新版本。
演示：https://jsfiddle.net/BlackLabel/wy3mu4pt/
Dojo adapter for highcharts是我们的社区 Package 器之一。正如我在github项目中注意到的，它是在Highcharts 3.0.7版本上测试的，所以它可能也不兼容我们最新的highcharts版本。要获得特定dojo adapter问题的答案，唯一的可能性就是联系作者。