0

我有一个从外部 js 文件呈现的自定义饼图。我使用 xhrget 来获取填充饼图所需的数据。我正在使用的 url 包含一个全局变量，但我的问题是脚本中的函数在设置全局变量之前被调用。

这是我的代码：

    var chart1 = new dojox.charting.Chart2D(this.id,{fill:"transparent"});


        chart1.setTheme(dojox.charting.themes.MiamiNice,{fill:"transparent"});

        chart1.addPlot("default", {
        type: "Pie",
        labels: false,
         labelStyle: "rows",
        precision: -10,
        fontColor: "black",
        labelOffset: -20,
        radius: 150
      });

      console.log(this.getURLFunction(this.id ));

        chart1.theme.plotarea.fill = undefined;
        this.xhrDeferred = dojo.xhrGet({
            url: this.getURLFunction(this.id)**,//"../traffic-analysis/get-ip-dist/format/json/ds/1/data/rate/tTime/1334787567/fTime/1334182767/time/604800/drilldown/true/displayedTime/enabled?dojo.preventCache=1334787568120",

            sync: true,
            handleAs: "json",
            preventCache: true,
           load: function(responseObj) {


            var seriesData=[1,2,3,4,5,6,7];
            chart1.addSeries("IP", dojo.map(responseObj.pieItems, function(p){
  return {
    y:    p[1], // value
    text: p[0],  // label
    tooltip:p[0] +": " + p[1]
  };
}));

      var anim_a = new dojox.charting.action2d.MoveSlice(chart1, "default");
      var anim_b = new dojox.charting.action2d.Highlight(chart1, "default");
      var anim_c = new dojox.charting.action2d.Tooltip(chart1, "default");
        chart1.render();

        var chartLegend = new dojox.charting.widget.Legend({
                chart: chart1,
                swatchSize: 12,
            },
            "chartLegend");

            },
            // error: function(error, args) { console.warn("error", error); }
            error: function(error, args) { 

                _this.xhrError = true;
                _this.chartStatusBar.innerHTML = chartErrorMsg(_this.id);
                console.log(error);
            }


        });

xhrget for url 下的 getURLFunction(this.id) 指的是 html 中的元素，该元素具有从 html 文件调用特定函数的 id。

该函数是 getURL_IpDist() ，它返回 xhrget 用于获取数据的 url，即 /traffic-analysis/get-ip-dist/format/json" + sc.toURL();

sc 是在我的函数尝试获取 url 之前需要设置的全局变量。这是在另一个外部 javascript 文件中设置的。有谁知道如何在设置变量之前延迟 dojo 或 javascript 的加载？

4

2 回答 2

0

据我了解，您发布的代码位于单独的 js 文件中，并且您使用<script>标签将其包含在内。

您是否尝试过将此代码包装在一个ready函数中？

require(["dojo/ready"], function(ready){
    ready(function(){

        // var chart1 = ...

    });
});

在浏览器解析整个 dom 之前，这样做不会执行代码。其中应该包括设置全局变量的其他代码。

于 2012-04-23T18:19:50.677 回答
0

不要使用变量，而是使用函数。设置“全局变量”的组件实际上应该调用一个函数来设置相关的全局变量。

然后应用程序的其他部分可以使用 dojo.connect() 连接到该函数，因此无论何时调用它，dojo 都会调用连接到该函数的任何处理程序。例如：

global.setVar = function(value) {
  global.var = value;
}
...
dojo.connect(global, 'setVar', null, function() {
  alert("Global variable has been set to: "+global.var);
});

您可以使用 dojo 的订阅/发布工具来获得类似的功能，甚至可以使用您自己的 dojo.Deferred 实例。您采用哪种方法来同步通信取决于您的应用程序是如何设计的以及您的具体需求是什么。

于 2012-04-25T03:33:20.730 回答