如何在 angular nvd3 饼图中更新自定义工具提示的百分比值
How to update percent values of custom tooltip in angular nvd3 pie chart
我在 Angular NVD3 饼图中显示带有百分比值的自定义工具提示。笨蛋 link
`https://plnkr.co/edit/Tv544U?p=preview`
工具提示以百分比显示正确的值。但如果我取消选择任何图例，图表将重新绘制，不包括该项目。我想重新计算图表中显示的项目的百分比值。即切片 'one' 显示 16%，两个显示开始时的 7%。如果我在图例中单击两个，切片 'two' 将消失并重新绘制图表。饼图 'one' 仍然显示 16%。我想让它重新计算。
我在上面找到了问题的解决方案。在 nvd3 饼图的工具提示中有一个 属性 'showTooltipPercent' 来显示百分比。需要在 Angular NVD3 的图表对象内将其设置为 true。但此 属性 仅适用于默认工具提示。
我使用的是自定义工具提示。在 属性 以上设置后，我在自定义工具提示函数的事件参数中获得了百分比值。我在工具提示中显示百分比值时使用了这个值，而不是手动计算百分比。
plunker 已更新。
我在 Angular NVD3 饼图中显示带有百分比值的自定义工具提示。笨蛋 link
`https://plnkr.co/edit/Tv544U?p=preview`
工具提示以百分比显示正确的值。但如果我取消选择任何图例，图表将重新绘制，不包括该项目。我想重新计算图表中显示的项目的百分比值。即切片 'one' 显示 16%，两个显示开始时的 7%。如果我在图例中单击两个，切片 'two' 将消失并重新绘制图表。饼图 'one' 仍然显示 16%。我想让它重新计算。
我在上面找到了问题的解决方案。在 nvd3 饼图的工具提示中有一个 属性 'showTooltipPercent' 来显示百分比。需要在 Angular NVD3 的图表对象内将其设置为 true。但此 属性 仅适用于默认工具提示。
我使用的是自定义工具提示。在 属性 以上设置后，我在自定义工具提示函数的事件参数中获得了百分比值。我在工具提示中显示百分比值时使用了这个值，而不是手动计算百分比。
plunker 已更新。