我有几个 SVG 路径，它们会根据某些参数更改填充颜色和不透明度。
当两个参数位于同一个 SVG 功能上时，我想清楚地表明，在此功能中存在这 2 个不同的“事物”(或对象)。
我首先考虑混合两种不同的颜色(如果只有一个参数，那么只有一种颜色)，但现在我发现它不是很直观。
也许将正方形(或圆形)除以一半(如果只有 2 个参数)或除以 3,4,5...每个部分及其相应的颜色(用户还将有一个图例)会更具表现力每个参数 => 相应的颜色)。
但我暂时不知道如何开始实现这一点。
任何想法、链接或建议都值得赞赏...谢谢!
最佳答案
而不是创建 <path>对于每个单独的功能，为每个单独的功能创建一个组 ( <g> )，该组可以容纳任意数量的 <path>元素，或者您需要执行的任何操作来帮助区分参数。请注意，任何绑定(bind)到 <g> 的数据元素自动可用/绑定(bind)到其子元素。
关于javascript - d3.js 中的分段功能/路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12573370/