2015-10-06 72 views
0

我有一个数据结构,如:D3颜色类别和颜色相似每个子类别

{ 
    id: X 
    subId: Y 
} 

ID应该决定,应该是什么样的颜色(绿,偏蓝,瑞迪施,浅黄色)。 d3.scale.category10()应该足够了。

从这种颜色我想有'subcolors'(不同的蓝色,不同的绿色)为每个subId(他们看起来越不同,越好 - 但是,看到id之间的差异比看到差异subIds)。

我该如何解决这个问题?

+1

在类别的颜色上使用['.brighter()'](https://github.com/mbostock/d3/wiki/Colors#rgb_brighter)(或'.darker()')。 –

+0

这将在3-4步后将我的颜色变成黑色,因此,对于许多不同的子版本来说不是很好 – Frame91

+0

取决于您指定的参数。 –

回答

1

您可以使用D3的.brighter()和/或.darker()函数来修改从类别的比例中获得的颜色。请注意,这两个函数都有一个参数,它允许您控制颜色变得更亮/更暗(值小于1)。