我想用自定义的十六进制值为D3平面图库中的热图着色。例如“ heatmap1 ='#000'”。
https://github.com/dciarletta/d3-floorplan
它指出它使用http://colorbrewer2.org/来实现其颜色功能。
我希望热图的颜色根据滑动时间线更改,用户可以滑动它。换句话说,如果是2016年1月,则热图为绿色,如果是2016年2月,则热图为红色。
有没有人有实现此目标的示例?
好的,显式地编辑颜色的方法是通过修改CSS来实现Mark所说的,然后:
heatmap.colorMode(['custom']);
heatmap.customThresholds([1, 2, 3]); // choose the values you want to indicate a change of colour
然后更新地图:
mapdata[heatmap.id()] = data.heatmap;
d3.select("#demo")
.datum(mapdata)
.call(map);
然后,您可以修改JSON heatmaps元素中的值,并将其与类名(即“ .d6-6”)相关联。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句