Chart.js Plugins überlappende Tooltips

Question

Ich habe zwei Plugins, eines, das eine horizontale Linie über ein Diagramm (Beispielbild zeigt unten) und eines, das eine Bezeichnung in einem Donut-Diagramm anzeigt. In beiden Fällen, wenn die QuickInfo für das Basisdiagramm ausgelöst wird, wird darunter die Zeichnung des Plugins angezeigt (d. H. Die untere Z-Position).

Ich weiß, dass ich eine vollständig maßgeschneiderte Tooltip erstellen kann, das könnte dieses Problem lösen, aber ich wollte wissen, ob es eine Konfiguration war ich nicht oder eine einfachere Lösung zu sehen.

Ich kann Code bei Bedarf buchen, aber ich dachte nicht, dass es nützlich wäre.

Answer 1

Ich glaube, dass Sie den Code für Klarheit geschrieben haben sollten. Da Sie über Plugins sprechen, haben Sie mindestens eine Plugin-Methode überschrieben. Eine der Methoden, die Sie überschrieben haben, ist wahrscheinlich afterDraw. Überschreiben afterDraw würde das Problem darstellen, das Sie erwähnen, glaube ich. Versuchen Sie, afterDraw zu afterDatasetsDraw zu ändern. Schau dir die docs for the plugin methods that can be overridden an. Sie möchten, dass die Linien gezeichnet werden, bevor die QuickInfo gezeichnet wird. Das Zeichnen der Linien unmittelbar nach dem Zeichnen der Datensätze scheint also eine nette Lösung zu sein. Vielleicht wäre auch die Verwendung von beforeDatasetsDraw eine gute Lösung, je nachdem, ob die Balken über den Linien liegen sollen oder nicht.