Als «chart.js» getaggte Fragen

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

17
So stellen Sie den Max- und Min-Wert für die Y-Achse ein
Ich benutze Liniendiagramm von http://www.chartjs.org/. Wie Sie sehen können, werden der Maximalwert (130) und der Minimalwert (60) für die Y-Achse automatisch ausgewählt. Ich möchte einen Maximalwert = 500 und einen Minimalwert = 0. Ist das möglich?
176 chart.js 

12
Stellen Sie die Höhe des Diagramms in Chart.js ein
Ich möchte mit Chart.js ein horizontales Balkendiagramm zeichnen, aber es skaliert das Diagramm weiter, anstatt die Höhe zu verwenden, die ich der Leinwand aus dem Skript zuweise. Gibt es eine Möglichkeit, die Höhe des Diagramms im Skript festzulegen? Siehe Geige: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas …

14
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: var ctx = $("#myChart").get(0).getContext("2d"); var dts = …


4
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)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; var …
110 chart.js 

19
Wie lösche ich ein Diagramm von einer Leinwand, damit Hover-Ereignisse nicht ausgelöst werden können?
Ich verwende Chartjs, um ein Liniendiagramm anzuzeigen, und dies funktioniert einwandfrei: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Das Problem tritt jedoch auf, wenn ich versuche, die Daten für das Diagramm zu ändern. Ich aktualisiere das Diagramm, indem ich …

3
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: "<%= label%>", //String - Colour of …
109 charts  chart.js 

5
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 Codes sehen …



18
Unterschiedliche Farbe für jeden Balken in einem Balkendiagramm; ChartJS
Ich verwende ChartJS in einem Projekt, an dem ich arbeite, und ich benötige eine andere Farbe für jeden Balken in einem Balkendiagramm. Hier ist ein Beispiel für den Balkendiagramm-Datensatz: var barChartData = { labels: ["001", "002", "003", "004", "005", "006", "007"], datasets: [{ label: "My First dataset", fillColor: "rgba(220,220,220,0.5)", strokeColor: …

4
Vergleich zwischen d3.js und chart.js (nur für Diagramme)
Ich habe chart.js in meinen Projekten mehrmals verwendet, aber ich habe d3.js nie verwendet. Viele Leute sagen, dass d3.js das beste Javascript-Framework für Diagramme ist, aber keiner von ihnen kann erklären, warum, besonders wenn ich einen Vergleich mit chart.js möchte. Ich habe Folgendes gefunden: http://www.fusioncharts.com/javascript-charting-comparison/, aber es ist nicht das, …


13
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. Jedes Mal, wenn das Diagramm …
85 html  canvas  chart.js 

19
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 diese dann in einer animierten Renderschleife rendern können. …

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.