在此堆积的条形图中,我添加了平分线和自定义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 1
,TEAM 2
和TEAM 3
。
这是您更新的Plunker:https ://plnkr.co/edit/XCvmDj9a3yF37dzDmA6d ? p = preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句