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

时间:2017-03-27 21:17:59

标签: dc.js crossfilter

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

例如:

X - Y

1 - 9

1 - 9

1 - 9

1 - 4

2 - 10

3 - 5

1 - 4

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

是否有可能实现这样的目标?

1 个答案:

答案 0 :(得分: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']))