【问题标题】:dc.js heatmap deselected colorsdc.js 热图取消选择的颜色
【发布时间】:2017-03-27 14:50:23
【问题描述】:

在 dc.js 中,我将热图与条形图相关联。在条形图上选择范围时,热图默认为配色方案中的第一种颜色,而不是灰色取消选择的颜色。如何让热图使用灰色?

【问题讨论】:

  • 通常在 DC.js 中用灰色表示选择状态,而不是值零。您的意思是希望他们共享一个画笔,以便条形图上的选择与热图上的选择相同?或者你的意思是你想让零变成灰色?
  • 热图的比例为 0 到 100,0 表示绿色,100 表示红色。当我在条形图中选择某个区域时,未选择的值默认为 0,最终在热图上显示为绿色。相反,如果我取消选择热图本身上的某个项目,该项目将变为灰色。当通过条形图取消选择时,我试图让项目变为灰色(而不是绿色)。
  • 您希望原始未过滤数据中的任何零都显示为灰色吗?
  • 我希望原始未过滤的零显示为绿色。

标签: javascript d3.js dc.js crossfilter


【解决方案1】:

解决方案是在组上使用自定义 reduce 函数。这样做,我可以将取消选择的项目的值设置为 null,然后为所有 null 值使用适当的颜色。

【讨论】:

  • 不错的解决方案!感谢您的跟进。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-03-31
  • 1970-01-01
  • 1970-01-01
  • 2020-11-27
相关资源
最近更新 更多