Wir verwenden Chart.js bereits seit mehreren Monaten und schätzen die einfache Programmierung. Eines der Dinge, die wir den aus Chart.js erstellten Diagrammen hinzufügen möchten, ist ein etwas besseres Styling der von uns erstellten Diagramme. Die meisten Diagramme, die wir verwenden, sind Balkendiagramme, in die einige Liniendiagramme eingeworfen sind.

Wenn ich den Begriff "Styling" verwende, geht es mir wirklich darum, die Balken oder Linien ein wenig schöner aussehen zu lassen. Insbesondere möchte ich hinter den Balken- und Liniendiagrammen einen Schlagschatten und möglicherweise sogar eine Abschrägung an den Balken anbringen.

Ich habe viele Fragen durchgesehen und kann anscheinend nicht finden, wonach ich suche. Ich habe auch selbst experimentiert, indem ich die Datei Chart.js geändert habe, um dem Javascript einen Schlagschatten und Unschärfe hinzuzufügen, aber ich bekomme es nicht an der richtigen Stelle hinzugefügt. Ich habe diese Änderungen in die Zeichnungsfunktion von Chart.Element.extend eingefügt:

ctx.shadowColor = '#000';
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 8;
ctx.shadowOffsetY = 8;

Ich stelle es direkt vor ctx.fill () und es macht fast das, was ich will. Das Ergebnis ist, dass ich einen Schlagschatten erhalte, der sowohl auf dem Balken- als auch auf dem Liniendiagramm, das ich zeichne, ziemlich gut aussieht, aber ich erhalte auch einen Schlagschatten auf den Beschriftungen für die x- und y-Achse, was nicht gut aussieht. Ich möchte den Schlagschatten nur auf den Balken und Linien haben, nicht auf den Etiketten.

Jede Hilfe, die Sie zur Verfügung stellen können, wäre sehr dankbar. Ich habe keine Erfahrung mit Javascript, konnte aber einiges an Codierung abrufen, was ich sonst nicht ohne die Hilfe aller bei Stack Overflow tun könnte.