如何根据选择值d3.js v4更改颜色

时间:2019-02-24 00:43:38

标签: d3.js treemap

因此,我根据Mike Bostock的示例构建了树形图。网址:https://bl.ocks.org/mbostock/911ad09bdead40ec0061

我希望用户可以选择颜色。在此示例中,Mike使用的是Magnum,我想将其保留为默认值。但我也想根据用户的选择选择黄色和绿色等颜色。我将如何动态地做到这一点?

我正在使用d3.js的第4版

1 个答案:

答案 0 :(得分:0)

好的。我想出了办法,如果有人有同样的要求。

首先,我创建了选择选项并提供了绿色和蓝色等值 其次,使用jquery,我在函数内部更改了值$('#colorChoice').change(function())的位置,我选择了selectAll('rect')所代表的所有矩形,并提供了.style("fill", function(d){})样式,您可以在函数内部指定任意颜色并返回