Hallo zusammen,
ich schreibe gerade an einem Programm, um Werte aus einer DB in Balkendiagrammen umzusetzen.
Das ganze realisiere ich über Chart.js, was eigentlich auch gut funktioniert.
Mein Problem ist, dass der Graph nicht bei 0 anfängt zu zählen, und somit kleine Werte abschnitten werden.
Dazu gibt es ja den Befehl "BeginAtZero", nur leider bekomme ich diesen nicht zum laufen...
Mein Code sieht in etwa so aus:
Hat jemand vlt eine Idee? Ist vermutlich gar nichts schweres, aber stehe voll auf dem Schlauch :/
Danke!
ich schreibe gerade an einem Programm, um Werte aus einer DB in Balkendiagrammen umzusetzen.
Das ganze realisiere ich über Chart.js, was eigentlich auch gut funktioniert.
Mein Problem ist, dass der Graph nicht bei 0 anfängt zu zählen, und somit kleine Werte abschnitten werden.
Dazu gibt es ja den Befehl "BeginAtZero", nur leider bekomme ich diesen nicht zum laufen...
Mein Code sieht in etwa so aus:
Code:
$(document).ready(function(){ $.ajax({ url: "MeineURL.de/blabla.php", method: "GET", success: function(data) { console.log(data); var antwort = []; var count = []; for(var i in data) { antwort.push("Antwort " + data[i].frage1); count.push(data[i].Anzahl); } var chartdata = { labels: antwort, datasets : [ { label: 'Anzahl', backgroundColor: 'rgba(200, 200, 200, 0.75)', borderColor: 'rgba(200, 200, 200, 0.75)', hoverBackgroundColor: 'rgba(200, 200, 200, 1)', hoverBorderColor: 'rgba(200, 200, 200, 1)', data: count } ] }; var options = { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } }; var ctx = $("#mycanvas"); var barGraph = new Chart(ctx, { type: 'bar', data: chartdata options: options } ); }, error: function(data) { console.log(data); } }); });
Danke!
Kommentar