是否可以在 dimple.js 中为条形图上的堆栈指定特定颜色？

Question

我使用 dimple.js 绘制了条形图。我的图表包含不同数量的堆栈，我已按自己的顺序订购。我如何为图表的顶部堆栈指定特定颜色是否可以为图表中的特定堆栈指定特定颜色？

例如：

var data = [{
    "Brand":"A", 
    "Day":"Mon", 
    "SalesVolume":10 },
    { 
    "Brand":"B", 
    "Day":"Mon", 
    "SalesVolume":20 },
    { 
    "Brand":"C", 
    "Day":"Mon", 
    "SalesVolume":20 },
    { 
    "Brand":"D", 
    "Day":"Mon", 
    "SalesVolume":20 },
    { 
    "Brand":"E", 
    "Day":"Mon",
    "SalesVolume":20 },
    {  
    "Brand":"F", 
    "Day":"Mon", 
    "SalesVolume":10 }];

在我的例子中，堆栈 F 将按照我的顺序排在最前面。所以我必须单独给那个堆栈一个特定的颜色。如何实现？

我尝试使用 d3.js 但我无法实现。 :(

Answer 1

是的，您可以使用图表的 assignColor 方法。

https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#assignColor

是否可以在 dimple.js 中为条形图上的堆栈指定特定颜色？

Is it possible to give specific color for stacks on Bar graph in dimple.js?

javascript

d3.js

dimple.js