在angularjs-nvd3-directives库中隐藏和显示子弹图中的三角形标记

时间:2015-05-26 22:25:17

标签: javascript angularjs d3.js nvd3.js angularjs-nvd3-directives

我使用angularjs-nvd3-directives库中的nvd3-bullet-chart来显示最大,当前和平均数据。我将数组中的最小变量设置为0,因为我不需要显示它。我有另一个数据点,我使用markers数组来显示三角形标记。我有一个用例,我需要有选择地显示和隐藏三角形标记。我可以通过将markers数组的值设置为[0]来隐藏它。但是当我将其值更改为非零值时,标记不会再次出现。似乎在将标记从DOM中移除之后,它不再被添加。我使用angularjs-nvd3-directives - v0.0.7,D3 - v3.4.13,nvd3 - v1.1.15b和angular - v1.3.6。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

我能够通过使用D3 select从DOM中抓取marker元素然后将style.display属性设置为'none'来解决此问题。我也没有将markers数组的值设置为0,而是设置一个非常小的值(0.001),因此不会从DOM中删除标记元素。这可行,但它不是一个优雅的解决方案。