javascript - 是否可以为 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