每个子类别的类别和类似颜色的D3颜色

Question

我的数据结构如下：

{
  id: X
  subId: Y
}

id应该决定它应该是什么样的颜色（绿色，蓝色，红色，淡黄色）。 d3.scale.category10()就足够了。

从这种颜色来看，我想为每个subId设置'subcolors'（不同的蓝色，不同的绿色）（它们看起来越不同，越好 - 但是，看到id之间的差异比看到subIds之间的区别更重要）。

我该如何解决这个问题？

Answer 1

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