dc.js 基于计数的点颜色散点图

Question

我很难尝试完成一些简单的事情。我需要在 DC js 图表中显示 XY 散点图。但是，我可能有几个具有相同 XY 值的点。在这种情况下，XY 点的颜色必须根据接收重复次数作为输入的函数发生变化。

例如：

X - Y

1 - 9

1 - 4

2 - 10

3 - 5

1 - 4

点 1 - 9 出现 3 次...红色

是否可以实现这样的东西？

Answer 1

当然，只需使用 colorAccessor 根据值分配颜色即可。（默认情况下，它是根据系列着色的。）

此外，您可能需要指定色标，以便控制值到颜色的映射。下面我们将0-4映射到黄色、蓝色、紫色、红色、橙色。

scatterPlot
  .colorAccessor(function(kv) { return kv.value; })
  .colors(d3.scale.ordinal().domain(d3.range(5)).range(['yellow', 'blue', 'purple', 'red', 'orange']))

dc.js 基于计数的点颜色散点图

dc.js Scatter Chart with dot color based on counts

crossfilter

dc.js