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

【问题标题】：Hiding and showing triangle marker in a bullet chart in angularjs-nvd3-directives library在 angularjs-nvd3-directives 库的子弹图中隐藏和显示三角形标记
【发布时间】：2015-05-26 22:25:17
【问题描述】：

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

【问题讨论】：

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

【解决方案1】：

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

【讨论】：