Dimple.js 当系列为空时，为条形分配颜色

Question

我正在尝试更改 Dimple.js 中的默认颜色，我希望每个栏都是红色的，我可以通过单独引用系列中的每个条目来更改颜色，但我似乎做不到将 buyerchartSeries 设置为 null 后，更改整个图表的颜色。

    var myChart = new dimple.chart(svg2_3, data);
    myChart.setBounds(10, 15, "92%", "84%");
    myChart.addMeasureAxis("x", "sum");
    var y = myChart.addCategoryAxis("y", "service");
    y.addOrderRule("sum");
    y.hidden = true;
    var buyerchartSeries = myChart.addSeries(null, dimple.plot.bar); 
    myChart.assignColor(null,"red")

    myChart.draw();

Answer 1

我找到了答案...这可能是一个令人震惊的 hack，或者它可能是最好的方法，（欢迎提供建议）。

我没有为 'null' 系列指定颜色，这显然行不通，我更改了图表的默认颜色。如果你只有一种颜色，它会产生在所有条形上使用单一颜色的正确效果。

    var myChart = new dimple.chart(svg3_1, dt);
    myChart.setBounds(4, 20, "88%", "80%");
    myChart.addMeasureAxis("x", "sum");
    var y = myChart.addCategoryAxis("y", "supplier");
    y.hidden = true;
    supplierChartSeries = myChart.addSeries("supplier", dimple.plot.bar);

    myChart.defaultColors = [
      new dimple.color("#3498db", "#2980b9", 1), // blue
    ];

Answer 2

你的解决方案很好，但如果你还有一些非空系列标识符，你想单独着色它不会工作。您可以使用 assignColor 但您需要分配给 "All":

var myChart = new dimple.chart(svg2_3, data);
myChart.setBounds(10, 15, "92%", "84%");
myChart.addMeasureAxis("x", "sum");
var y = myChart.addCategoryAxis("y", "service");
y.addOrderRule("sum");
y.hidden = true;
var buyerchartSeries = myChart.addSeries(null, dimple.plot.bar); 

// This is all I've changed
myChart.assignColor("All", "red");

myChart.draw();

Dimple.js 当系列为空时，为条形分配颜色

Dimple.js assign colour to bar, when series is null

charts

visualization

d3.js

dimple.js