3

これはおそらくかなり単純なQです(Dojoでロープを学ぶ)。

Webアプリで棒グラフを正常に作成しました。

// Create Chart
var chartDiv = dojo.create("div");
dijit.byId("someDiv").setContent(chartDiv);
var chart1 = dojox.charting.Chart2D(chartDiv);

chart1.addPlot("default", {
    type: "Bars",
    gap: 3
});
chart1.addAxis("x");
chart1.addAxis("y", {
    vertical: true,
    labels: [{
        value: 1,
        text: "Field1"
    }, {
        value: 2,
        text: "Field2"
    }]
});
chart1.addSeries("MyData", [var1, var2]);
chart1.render();

グラフにカスタムテーマを作成できるようです。ただし、各バーの色(理想的には微妙なグラデーション)を定義するためのより簡単な方法が必要だと思います。また、Esriが提供するdojoバージョンの使用に制限されており、それによってcutomテーマを作成できるかどうかはわかりません。

バーは5つだけになります(上記のスニペットでは2つ)。

つまり、バーごとに異なる色を定義したいと思います。

誰かが私の悲惨さから私を解放し、これを達成する方法についていくつかのガイダンスを提供できますか?

4

2 に答える 2

5

後から考えると、私の側は少し怠惰です。これが私のために働いたものです:

chart1.addSeries("Languages", [
    { y: var1, fill: "#BD48E9" },
    { y: var2, fill: "#FA4848" },
]);
于 2012-12-11T12:30:29.370 に答える
3

renderメソッドを呼び出す前に、次のコードを追加します

chart1.addSeries("MyData", [var1, var2],
        {plot: "other", stroke: {color:"red"}, fill: "lightgreen"}
);
chart1.render();
于 2012-12-10T12:54:37.550 に答える