javascript - ¿Color de relleno para barras individuales en Dojo Chart?

dojox.charting

Question

Esto es bastante simple Q (aprendiendo las cuerdas con Dojo).

He creado con éxito un gráfico de barras en mi aplicación 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();

Veo que puedes crear temas personalizados para tus cuadros. Sin embargo, estoy pensando que debe haber una forma más simple de definir un color (idealmente un gradiente sutil) para cada uno de mis compases. También estoy restringido a usar una versión dojo servida por Esri, y no estoy seguro de si eso me permite crear temas cutom.

Solo habrá 5 barras (2 en el fragmento de arriba).

es decir, quiero definir un color diferente para cada barra.

¿Alguien puede sacarme de mi miseria y proporcionar una guía sobre cómo lograr esto?

Answer 1

Agregue el siguiente código antes de llamar al método de render

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

Answer 2

En retrospectiva, un poco flojo de mi lado. Esto es lo que funcionó para mí:

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