如何根据 select 值 d3.js v4 更改颜色
How to change the colors based on the select value d3.js v4
所以我根据 Mike Bostock 的示例构建了树状图。 url: https://bl.ocks.org/mbostock/911ad09bdead40ec0061
我希望用户可以选择颜色。在此示例中，Mike 使用的是 Magnum 颜色，我想将其保留为默认值。但我也想根据用户的选择使用黄色和绿色等颜色。我将如何动态地做到这一点？
我正在使用 d3.js
的第 4 版
好的。如果有人有相同的要求，我想出了办法。
首先，我创建了 select 选项并提供了绿色和蓝色等值
其次，使用 jquery 我改变了函数内部的抓取值 $('#colorChoice').change(function()) select all rect by selectAll('rect') 并提供样式 .style("fill", function(d){}) 任何你想要的颜色都可以在函数内部指定 return
所以我根据 Mike Bostock 的示例构建了树状图。 url: https://bl.ocks.org/mbostock/911ad09bdead40ec0061
我希望用户可以选择颜色。在此示例中，Mike 使用的是 Magnum 颜色，我想将其保留为默认值。但我也想根据用户的选择使用黄色和绿色等颜色。我将如何动态地做到这一点？
我正在使用 d3.js
的第 4 版好的。如果有人有相同的要求，我想出了办法。
首先，我创建了 select 选项并提供了绿色和蓝色等值
其次，使用 jquery 我改变了函数内部的抓取值 $('#colorChoice').change(function()) select all rect by selectAll('rect') 并提供样式 .style("fill", function(d){}) 任何你想要的颜色都可以在函数内部指定 return