我们正在与Dojox进行一个项目,并且一直在努力加载这个问题。我们尝试使用Google cdn链接:。
我们还尝试将工具包导入到我们的项目中。但是,失败了。给出“未捕获的参考错误”。任何帮助赞赏。 以下是我的代码:
<!doctype html>
<html>
<head>
<script src="dojo-release-1.9.1/dojox/charting"></script>
<script type="text/javascript">
require(['dojox/charting/Chart2D','dojox/charting/axis2d/Default','dojox/charting/plot2d/De fault','dojox/charting/plot2d/Spider','dojox/charting/axis2d/Base'],function(Chart, Default, Default, Spider, Base){
var chart = new dojox.charting.Chart("test");
chart.addPlot("default", {
type: "Spider",
labelOffset: -10,
seriesFillAlpha: 0.2,
markerSize: 3,
precision: 0,
spiderType: "polygon"
});
var data= [ {"CPU Utilization":1,"NetworkIn":444,"DiskReadBytes":1.00002,"NetworkOut":360.00001,"DiskWriteBytes":1.00002},
{"CPU Utilization":1.0001,"NetworkIn":444,"DiskReadBytes":1.0002,"NetworkOut":360.00001,"DiskWriteBytes":1},
{"CPU Utilization":1,"NetworkIn":486.00002,"DiskReadBytes":1.00001,"NetworkOut":360.00001,"DiskWriteBytes":1} ];
chart.addSeries("min", {data: data[0] }, { fill: "blue" });
chart.addSeries("max", {data: data[1] }, { fill: "blue" });
chart.addSeries("USA", {data: data[2] }, { fill: "blue" });
chart.render();
chart.removeSeries("min");
chart.removeSeries("max");
});
</script>
</head>
<body><div id="test" style="width: 400px; height: 240px; margin: 30px auto 0px auto;"> </div></body>
</html>
答案 0 :(得分:1)
<script src="dojo-release-1.9.1/dojox/charting"></script>
你确定上述确实有效吗?我想你需要包含所有的Dojo。 Google CDN链接为//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js
;尝试一下,看看它是否有帮助。
require
回调是依赖列表中模块的参数,而不是dojo.ready
调用。 您也无法在回调列表中重复参数,就像使用Default
一样。因此,您的require
电话应如下所示。
require([
'dojox/charting/Chart2D',
'dojox/charting/axis2d/Default',
'dojox/charting/plot2d/Default',
'dojox/charting/plot2d/Spider',
'dojox/charting/axis2d/Base'
], function(Chart, DefaultAxis, DefaultPlot, Spider, Base) {
你的dojo.ready
电话不应该接受任何争论。您还可以将dojo/ready
与所有其他人一样包含在内,或使用dojo/domReady!插件。无论如何,它都不会将您的依赖项作为参数,否则它们将被覆盖。它应该类似于以下内容。
dojo.ready(function () {
除require
和script
标记的上述问题外,代码看起来有效。 Here's a fiddle of the working code with Dojo 1.9 and the dojo/domReady! plugin to make it a little cleaner。请注意包含ID为test
的div。我不确定你是不是在你的问题中粘贴了该文件的其余部分,或者它是否真的丢失了。控制台中的SVG渲染器有很多错误,但图表有效。