如何更新角度nvd3饼图中自定义工具提示的百分比值

时间:2017-06-01 19:09:35

标签: d3.js nvd3.js angular-nvd3

我在Angular NVD3饼图中显示带有百分比值的自定义工具提示。 plunker链接

true

工具提示以百分比显示正确的值。但是,如果我取消选择任何图例,则会重新绘制图表,不包括该项目。我想重新计算图表中显示的项目的百分比值。即切片'one'显示16%,两个显示7%开头。如果我在图例中单击两个,则切片“两个”将消失,图表将重新绘制。仍然馅饼'一'显示16%。我希望它重新计算。

1 个答案:

答案 0 :(得分:0)

我找到了上述问题的解决方案。有一个属性'showTooltipPercent'在nvd3饼图中显示工具提示中的百分比。需要在Angular NVD3的图表对象内设置为true。但是此属性仅适用于默认工具提示。

我使用的是自定义工具提示。设置上面的属性后,我在自定义工具提示函数中的事件参数中获得百分比值。我在工具提示中显示百分比值时使用了此值,而不是手动计算百分比。

plunker已更新。