在Dojo Chart中填充单个条形图的颜色?

时间:2012-12-10 12:49:02

标签: javascript dojo dojox.charting

这可能相当简单Q(用Dojo学习绳索)。

我已在网络应用中成功创建条形图。

// 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个小节)。

即。我想为每个栏定义不同的颜色。

有人可以让我摆脱困境并提供一些如何实现这一目标的指导吗?

2 个答案:

答案 0 :(得分:5)

事后来看,我有点懒惰。这对我有用:

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

答案 1 :(得分:3)

在调用render方法

之前添加以下代码
chart1.addSeries("MyData", [var1, var2],
        {plot: "other", stroke: {color:"red"}, fill: "lightgreen"}
);
chart1.render();