0

我们正在使用 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>
4

1 回答 1

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标签的问题外,代码看起来可以正常工作。这是 Dojo 1.9 和 dojo/domReady 的工作代码的小提琴!插件让它更干净一点。请注意包含 id 的 div test。我不确定您是否只是没有将该文件的其余部分粘贴到您的问题中,或者它是否实际上丢失了。控制台中的 SVG 渲染器有一堆错误,但图表有效。

于 2013-10-29T20:46:02.820 回答