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?
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 …
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 = …
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 …
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 …
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 …
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 …
Ich möchte alle Punkte in meinem Diagramm aus den Daten anzeigen, die ich erhalte, aber ich möchte nicht alle Beschriftungen für sie anzeigen, da das Diagramm dann nicht sehr gut lesbar ist. Ich habe in den Dokumenten danach gesucht, konnte aber keinen Parameter finden, der dies einschränken würde. Ich möchte …
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: …
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, …
Verfügt Chart.js ( Dokumentation ) über die Option für Datensätze, den Namen (Titel) des Diagramms (z. B. Temperatur in meiner Stadt), den Namen der x-Achse (z. B. Tage) und den Namen der y-Achse (z. B. Temperatur) festzulegen? Oder sollte ich das mit CSS lösen? var lineChartData = { labels : …
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 …
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. …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.