Hi,
ich habe ein Chart das bei Fensteraufruf funktioniert:
Code
$(document).ready(function(){
$.ajax({
type: "POST",
data: {
class: 'TicketRepository',
method: 'ladeChartVerlaufOffen4',
fb: $('.auswahlfachbereich').val()
},
url: "../../src/ticket/HandlerChartVerlaufOffen4.php",
dataType: "json",
success: function(data) {
var x = [];
var y = [];
var z = [];
for(var i in data) {
x.push(data[i].tag);
y.push(data[i].anzahl);
z.push(parseInt(data[i].anzahl));
}
const s = (z.reduce((prev, curr) => prev + curr, 0))/z.length;
const sum = s.toFixed(0);
var chartdata = {
labels: x,
datasets : [
{
label: 'Durchschnitt letzte 30 Tage ' + '(' + sum + ')',
backgroundColor: '#ed9a56',
borderColor: 'rgba(200, 200, 200, 0.75)',
hoverBackgroundColor: '#4d82b8',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: y
}
]
};
var ctx = $("#chartVerlaufOffen4");
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata,
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
},
error: function(data) {
console.log(data);
}
});
});
Alles anzeigen
wenn ich in einer Selectbox die Auswahl ändere soll das Chart aktualisiert werden:
wenn ich den selben Code wie oben nutze, wird zwar die Ansicht aktualisiert aber wenn ich mit der Maus über Canvas fahre werden die Werte aus dem ersten Aufruf im Chart angezeigt. Die Aktualisierung erfolgt nicht vollständig.
Wer kann mir helfen?