簡単に言うと、ActualCost と BudgetCost の 2 つの値があるので、それらの値を表示するクラスター化された縦棒グラフを作成しました。今、私はそれらのそれぞれについて 2 つのシリーズを作成しました (それらの伝説を作りたいです)。各シリーズで、配列で 2 つの値を使用する必要があるのはなぜですか?
.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);
},
誰かが助けることができますか?ありがとうございました