D3平面图自定义颜色的热图

克里斯托弗·格里格(Christopher Grigg)

我想用自定义的十六进制值为D3平面图库中的热图着色。例如“ heatmap1 ='#000'”。

https://github.com/dciarletta/d3-floorplan

它指出它使用http://colorbrewer2.org/来实现其颜色功能。

我希望热图的颜色根据滑动时间线更改,用户可以滑动它。换句话说,如果是2016年1月,则热图为绿色,如果是2016年2月,则热图为红色。

有没有人有实现此目标的示例?

克里斯托弗·格里格(Christopher Grigg)

好的,显式地编辑颜色的方法是通过修改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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在图的D3节点中添加自定义颜色

来自分类Dev

JFreeChart条形图自定义颜色?

来自分类Dev

使用python中的matplotlib制作自定义颜色图

来自分类Dev

平面图游戏的算法

来自分类Dev

nvd3-angular中的自定义饼图颜色

来自分类Dev

具有自定义颜色的Highcharts 3D饼图

来自分类Dev

AMCharts甜甜圈图颜色渐变自定义

来自分类Dev

无法弄清楚如何自定义基于D3的图

来自分类Dev

Seaborn热图:自定义标签

来自分类Dev

创建自定义热图

来自分类Dev

具有自定义颜色的离散值的matplotlib热图

来自分类Dev

matplotlib中的自定义连续颜色图

来自分类Dev

matplotlib中的自定义颜色图用于3D表面图

来自分类Dev

带有自定义x轴和条形宽度的d3条形图

来自分类Dev

rxjs平面图丢失

来自分类Dev

seaborn / matplotlib自定义颜色图

来自分类Dev

Folium GeoJson自定义颜色图

来自分类Dev

自定义Matplotlib颜色图

来自分类Dev

Seaborn自定义范围热图

来自分类Dev

如何在图的D3节点中添加自定义颜色

来自分类Dev

自定义范围热图2

来自分类Dev

matplotlib错误栏图-使用自定义颜色图

来自分类Dev

期货-地图与平面图

来自分类Dev

如何在自定义类中实现地图/平面图

来自分类Dev

x轴上的自定义D3`tickValue`-水平条形图

来自分类Dev

互动平面图

来自分类Dev

D3 热图 - 色标仅显示一种颜色

来自分类Dev

D3 条形图。如何根据 JSON 数据设置自定义 x 和 y 轴?

来自分类Dev

seaborn 热图的自定义刻度