Dojo-Charting问题:条形图(ClusteredColumns)使用数组?

时间:2012-03-19 21:54:10

标签: javascript dojo esri dojox.charting

简单地说,我有2个ActualCost和BudgetCost值,我创建了一个Clustered Columns图表来显示它们的值。现在我为他们每个人制作了两个系列(我想为他们制作传说)。在每个系列中为什么我必须在Array中使用两个值?

当我在.addSeries([])代码{y:0,tooltip:0}中使用时,它可以很好地显示两个条形图,当我不使用它时,它只显示单个条形图。有人可以解释我为什么要使用它(即{y:0,tooltip:0})。

我为它编写了一个代码及其工作正常,下面的代码片段;

    dojo.require("dijit.layout.BorderContainer");
    dojo.require("dijit.layout.ContentPane");
    dojo.require("dijit.TitlePane");
    dojo.require("esri.dijit.Popup");
    dojo.require("dojox.charting.Chart2D");
    dojo.require("dojox.charting.plot2d.ClusteredColumns");
    dojo.require("dojox.charting.action2d.Tooltip");
    dojo.require("dojo.number");
    dojo.require("dijit.layout.TabContainer");
    dojo.require("dojox.charting.themes.Wetland");
     //...
        function getTextContent(graphic) 
          var ActualCost;
          var BudgetCost;
             (parseFloat(jsonobject.Data.Actual_Total_Cost) == 'NaN') ? ActualCost=0 :
             ActualCost=parseFloat(jsonobject.Data.Actual_Total_Cost);
             (parseFloat(jsonobject.Data.Current_Budget) == 'NaN') ? BudgetCost=0 :
             BudgetCost=parseFloat(jsonobject.Data.Current_Budget);

             //display a dojo pie chart for the Project Cost
             var CostPane = new dijit.layout.ContentPane({
                title: "Project Cost"
               });
        tc.addChild(CostPane);
        var costDiv = dojo.create("div", 
        { id:"cost",width: 300, height: 300}, dojo.create('div'));
        var barchart = new dojox.charting.Chart2D(costDiv);
        dojo.addClass(barchart,'chart');
        barchart.setTheme(dojo.getObject("dojox.charting.themes.Wetland"));
        barchart.addPlot("default",{type: "ClusteredColumns",markers: true,gap: 10});
        //barchart.addAxis("x");
        barchart.addAxis("y", {vertical: true});

        new dojox.charting.action2d.Highlight(chart, "default");
        new dojox.charting.action2d.Tooltip(chart,"default");
        new dojox.charting.action2d.MoveSlice(chart,"default");

//Why using {y:0,tooltip:0} in the array??


    barchart.addSeries("Actual Cost", [ {y:ActualCost,tooltip:'Actual Cost =' +
 Math.round(ActualCost*100)/100}, {y:0,tooltip:0}] );
        barchart.addSeries("Current Budget", [ {y:BudgetCost,tooltip:'Budget Cost =' +
 Math.round(BudgetCost*100)/100}, {y:0,tooltip:0}] );
        barchart.render();
        CostPane.set('content',barchart.node);
        deferred.callback(tc.domNode);
                                            },

有人可以帮忙吗?谢谢

1 个答案:

答案 0 :(得分:0)

addSeries方法接受三个参数,第二个是数据数组,这就是你需要使用数组的原因。它表示柱形图中的数据。