2017-06-01 68 views
0

我在Angular NVD3餅圖中顯示具有百分比值的自定義工具提示。 plunker鏈接如何更新角度nvd3餅圖中的自定義工具提示的百分比值

 `https://plnkr.co/edit/Tv544U?p=preview` 

工具提示以百分比顯示正確的值。但是,如果我取消選擇任何圖例,圖表將重新排除該項目。我想重新計算圖表中顯示的項目的百分比值。即開始時,切片「一」顯示16%,兩個顯示7%。如果我在傳說中點擊兩個,切片'two'將會消失,並且圖表被重新繪製。仍然餡餅'一'顯示16%。我希望它重新計算。

回答

0

我在上面找到了我的問題的解決方案。有一個屬性'showTooltipPercent'用於在nvd3餅圖的工具提示中顯示百分比。需要在Angular NVD3的圖表對象中設置爲true。但此屬性僅適用於默認工具提示。

我正在使用自定義工具提示。在設置上面的屬性後,我在自定義工具提示函數中獲取事件參數的百分比值。我利用這個值,同時在工具提示中顯示百分比值,而不是手動計算百分比。

死亡更新。