【问题标题】: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 已更新。

    【讨论】:

      猜你喜欢
      • 2014-08-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-02-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多