Als «chart.js» getaggte Fragen

Chart.js ist eine JavaScript-Bibliothek zum Erstellen animierter, interaktiver Diagramme zur Aufnahme in Webseiten

9
Breite und Höhe einstellen
Ich probiere den Beispielcode für Chart.js aus , der in den Dokumenten angegeben ist . Breite und Höhe werden inline auf dem Canvas-Element mit 400px / 400px angegeben. Beim Rendern des Diagramms wird es jedoch auf die volle Seitenbreite vergrößert und das rechte Ende abgeschnitten. Siehe Beispiel Wie / wo …
85 chart.js 
6
Chart.js - Formatieren der Y-Achse
Ich verwende Chart.js, um ein einfaches Balkendiagramm zu zeichnen, und ich muss seine Y-Achse wie folgt formatieren 123456.05 bis 123 456,05 $ Ich verstehe nicht, wie man es benutzt scaleLabel : "<%=value%>" Ich habe jemanden gesehen , der auf " JS Micro-Templating " zeigte, aber keine Ahnung, wie man das …
1
Wie verwende ich zwei Y-Achsen in Chart.js v2?
Ich versuche, mit Chart.js ein Liniendiagramm mit zwei Datensätzen mit jeweils einer eigenen Y-Skala / Achse (einer links, einer rechts vom Diagramm) zu erstellen. Dies ist mein Code ( jsfiddle ): var canvas = document.getElementById('chart'); new Chart(canvas, { type: 'line', data: { labels: [ '1', '2', '3', '4', '5' ], …
1
Benutzerdefinierte Hintergrundgrenzen für Donut (Messgerät)
Ich verwende ein Messdiagramm basierend auf ( Chartjs-tsgauge ). Ich möchte Hintergrundfarben für Diagramme unabhängig von den Messgrenzen festlegen. Das Problem, wie Charts.JS den Hintergrund rendert, weil das von mir verwendete Plugin keinen Code für Hintergründe enthält. Zum Beispiel habe ich ein Messgerät mit Grenzen [0, 20, 40, 60, 80, …
1
Chart.js komprimieren die vertikale Achse im Balkendiagramm
Ich habe einen Datensatz, in dem der letzte Wert immer sehr hoch ist. Dies verursacht ein Problem mit meinem Balkendiagramm. Fast alle anderen Werte sind schwer zu verstehen, ohne darüber zu schweben. Hier ist ein Screenshot: Das versuche ich zu erreichen; Also meine Frage; ist das in vanilla Chart.js möglich …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.