Ich möchte einige Bilder und / oder Links in die Etiketten meines Diagramms einfügen. Hier ist der Beispielcode und jsFiddle:
%Vor%Wie Sie sehen, wird der HTML-Code nicht in Labels analysiert. Gibt es eine Möglichkeit, Arbeitsbilder und / oder Links in den Etiketten des Diagramms zu haben?
Schauen Sie sich den Chart.js-Quellcode an scheint, dass Beschriftungen mit dem Befehl fillText gerendert werden. fillText(text, x, y [, maxWidth]) akzeptiert nur eine einfache Textzeichenfolge und daher wird Ihre HTML-Zeichenfolge als einfacher Text dargestellt und alle Tags werden ignoriert.
Eine mögliche Option wäre die Änderung des Chart.js-Codes zur Verwendung von <foreignObject> (siehe Dieser Artikel zu MDN und eine, auf der es basiert). Zum Beispiel:
(Viel von diesem Code ist eine direkte Kopie der Demo hier von Robert O'Callahan, einfach modifiziert, um eine Label-Zeichenkette zu akzeptieren und den bestehenden Chart.js x-Zeichnungscode zu ersetzen.)
Tags und Links javascript chart.js axis-labels