【问题标题】:How to update percent values of custom tooltip in angular nvd3 pie chart如何在角度 nvd3 饼图中更新自定义工具提示的百分比值
【发布时间】:2017-06-01 19:09:34
【问题描述】:
我在 Angular NVD3 饼图中显示带有百分比值的自定义工具提示。插件链接
`https://plnkr.co/edit/Tv544U?p=preview`
工具提示以百分比显示正确值。但是,如果我取消选择任何图例,则会重新绘制图表,不包括该项目。我想重新计算图表中显示的项目的百分比值。即切片“一个”显示 16%,两个显示开始时的 7%。如果我在图例中单击两个,切片“两个”将消失并重新绘制图表。仍然派“一”显示 16%。我希望它重新计算。
【问题讨论】:
标签:
d3.js
nvd3.js
angular-nvd3
【解决方案1】:
我在上面找到了我的问题的解决方案。有一个属性“showTooltipPercent”可以在 nvd3 饼图中的工具提示中显示百分比。需要在 Angular NVD3 的图表对象内部将此设置为 true。但此属性仅适用于默认工具提示。
我使用的是自定义工具提示。设置上述属性后,我在自定义工具提示函数中的事件参数中获得百分比值。我在工具提示中显示百分比值时使用了这个值,而不是手动计算百分比。
plunker 已更新。