堆积的条形图无法正确更新d3js

罗伯特·安德森

堆积的条形图中,我添加了平分线和自定义x.invert函数,以便您可以读取每个月的值:

问题是,当我添加此自定义功能时,团队2和团队3的矩形不再更新现有的矩形,rect而是从选择下拉列表中选择其他类别时从左上方重新绘制条形,我不知道为什么。

删除与该x.invert功能有关的所有代码会使这些条再次正确更新,因此它可能与x域有关,但我不确定。

杰拉尔多·富塔多

在绑定数据时使用键函数是D3中非常好的做法,它可以确保对象的一致性。因此,与接受的其他答案中的建议相反,您不应删除它。

无需删除它,只需修复关键功能即可。现在的问题是,由于键是...

["Team 1 CC", "Team 2 CC", "Team 3 CC"]

...对于选定的数据集,此...

d.key.split(' ')[0]

..将返回TEAM每个组,并且密钥显然不能相同。

所以,只要...

d.key.split(' ')[0] + d.key.split(' ')[1]

甚至只是...

d.key.slice(0, -3)

...这将返回:TEAM 1TEAM 2TEAM 3

这是您更新的Plunker:https ://plnkr.co/edit/XCvmDj9a3yF37dzDmA6d ? p = preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章