Dojo脚本加载错误

时间:2013-10-29 20:38:20

标签: javascript dojo

我们正在与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>

1 个答案:

答案 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 () {

requirescript标记的上述问题外,代码看起来有效。 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渲染器有很多错误,但图表有效。