2012-12-10 24 views
3

這可能相當簡單Q(用Dojo學習繩索)。在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(); 

我看到你可以爲你的圖表創建custom themes。不過,我認爲必須有一種更簡單的方法來爲每個酒吧定義一種顏色(理想情況下爲微妙的漸變)。我也受限於使用由Esri提供的dojo版本,並不確定是否允許我創建cutom主題。

只會有5個酒吧(上面的代碼片段中的2個)。

即我要定義一個不同的顏色爲每個條。

有人可以擺脫我的痛苦,並提供一些指導如何實現這一目標?

回答

5

現在回想起來,有點懶在我身邊之前,添加以下代碼。這是什麼爲我工作:

chart1.addSeries("Languages", [ 
    { y: var1, fill: "#BD48E9" }, 
    { y: var2, fill: "#FA4848" }, 
]); 
3

您調用render方法

chart1.addSeries("MyData", [var1, var2], 
     {plot: "other", stroke: {color:"red"}, fill: "lightgreen"} 
); 
chart1.render(); 
+0

這將爲我的每個酒吧定義一種顏色?它看起來像爲所有酒吧設置填充? – Simon