在d3.js中划分特征/路径

时间:2012-09-24 21:43:29

标签: javascript svg d3.js

我有几个SVG路径,根据一些参数改变填充颜色和不透明度。

当两个参数在同一个SVG功能上时,我想清楚地表明在这个功能中有两个不同的“东西”(或对象)。

我首先考虑混合两种不同的颜色(如果只有一个参数,那么只有一种颜色),但现在我发现它不是很直观。

将正方形(或圆圈)除以一半(仅限2个参数)或3,4,5 ...每个部分及其相应的颜色(用户也会有一个图例)可能更具表现力每个参数=>对应的颜色。)

但我目前不知道如何开始实施这个。

任何想法,链接或建议都表示赞赏...谢谢!

1 个答案:

答案 0 :(得分:0)

不是为每个单独的要素创建<path>,而是为每个单独的要素创建一个组(<g>),该组可以包含任意数量的<path>元素,或者您需要的任何内容有助于区分参数。请注意,绑定到<g>元素的任何数据都会自动/绑定到其子元素。