Als «chart.js» getaggte Fragen

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

134
Aktualisieren Sie dynamisch die Werte eines Diagramms

Ich habe mit chartjs ein einfaches Balkendiagramm erstellt, das einwandfrei funktioniert. Jetzt möchte ich die Werte in einem zeitbasierten Intervall aktualisieren. Mein Problem ist, dass ich nach dem Erstellen des Diagramms nicht weiß, wie ich seine Werte korrekt aktualisieren kann ... Mein Code:...

110
Chart.js: Gerade statt Kurven

Ich verwende Chart.JS, um einen Datensatz zu zeichnen. Ich habe jedoch einen sanften Effekt! Hier ist die Kurve, die ich habe: Hier ist mein Code: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)",...

109
Wie setze ich den Startwert in chartjs auf "0"?

Hier ist mein Code. Ich muss den Anfangswert sowohl in der x- als auch in der y-Achsenskala auf "0" setzen. Ich habe die neueste Version der Skalenoption ausprobiert. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate:...

106
In Chart.js v2 werden Dataset-Beschriftungen ausgeblendet

Ich habe die folgenden Codes, um ein Diagramm mit Chart.js v2.1.3 zu erstellen: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); Die...

85
Die Größe der Leinwand von Chart.j wird geändert

In ( Android WebView HTML5 Canvas-Fehler ) habe ich eine Frage zum Plotten von Diagrammen mit der Graph.js-Bibliothek gestellt. Das Problem, das ich jetzt habe, ist, dass, wenn ich die Funktion zum mehrfachen Zeichnen des Diagramms aufrufe, die Größe der Zeichenfläche jedes Mal geändert wird....

85
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...

85
chart.js lädt völlig neue Daten

Mit der API fürchart.js können Punkte der darin geladenen Datensätze bearbeitet werden, z. B.: .update( ) Wenn Sie update () in Ihrer Diagramminstanz aufrufen, wird das Diagramm mit allen aktualisierten Werten erneut gerendert, sodass Sie den Wert mehrerer vorhandener Punkte bearbeiten und...

79
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...

73
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: [...