2017-06-01 4 views
0

Ich zeige benutzerdefinierte Tooltip mit Prozentwerte in Angular NVD3 Kreisdiagramm. KolbenverbindungWie Prozentwerte der benutzerdefinierten Tooltip in eckigen nvd3 Kreisdiagramm aktualisiert werden

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

Tooltip zeigt korrekte Werte in Prozent. Wenn ich jedoch eine Legende deaktiviere, wird das Diagramm mit Ausnahme dieses Elements neu gezeichnet. Ich möchte Prozentwerte für die Elemente, die im Diagramm angezeigt werden, neu berechnen. d. h. Scheibe 'eins' zeigt 16% und zwei zeigt 7% am Anfang. Wenn ich in der Legende auf zwei klicke, ist die Scheibe "zwei" weg und das Diagramm wird neu gezeichnet. Still Pie 'One' zeigt 16%. Ich möchte, dass es neu berechnet wird.

Antwort

0

Ich habe eine Lösung meiner Frage oben gefunden. Es gibt eine Eigenschaft 'showTooltipPercent', um Prozent im Tooltip in nvd3 Kreisdiagramm anzuzeigen. müssen Sie dies für ein wahres inneres Diagrammobjekt für Angular NVD3 setzen. Aber diese Eigenschaft funktioniert nur für die Standard-Tooltip.

Ich verwendete benutzerdefinierte Tooltip. Nachdem ich über die Eigenschaft gesetzt habe, erhalte ich einen Prozentwert im Ereignisargument in meiner benutzerdefinierten Tooltip-Funktion. Ich habe diesen Wert verwendet, während der Prozentwert im Tooltip angezeigt wurde, anstatt den Prozentsatz manuell zu berechnen.

Plocker ist aktualisiert.

Verwandte Themen