在带有凹坑的垂直分组条中更改条形颜色

Question

我正在制作下一张图表：

var myChart = new dimple.chart(svg, data);
//chart.setBounds(100, 100, "70%", "80%");

var x = myChart.addCategoryAxis("x", ["time","channel"]);//["time", "channel"]);
var y1 = myChart.addMeasureAxis("y", "Produccion");
//var y2 = chart.addMeasureAxis("y", "Produccion");

myChart.addSeries("Energy", dimple.plot.bar);//, [x,y1]);
myChart.addLegend(65, 10, 510, 20, "right");
myChart.draw(5000);

但我不能用不同的颜色表示代表该组每个元素价值的条形。

Answer 1

系列尺寸决定了条纹的颜色。在您的示例中，您使用的“能量”不在您的数据中，这意味着每个条形都标记为能量，因此颜色相同。如果您想要对它们进行不同的着色，则需要在系列中添加您想要着色的尺寸：

myChart.addSeries("channel", dimple.plot.bar);

这是纠正的小提琴：

http://jsfiddle.net/B7xk8/

现在使用assignColor可以为每个值指定某些颜色。