Dado que los datos son estos:
[{"0":"8","QUANTITY":"8","1":"Set A","PACKAGENAME":"Set A"},{"0":"5","QUANTITY":"5","1":"Set B","PACKAGENAME":"Set B"}]
Tiene un problema de distinción entre mayúsculas y minúsculas, lo que hace que la matriz var packagename
y quantity
vacío/sin definir.
Necesitas cambiar:
for(var i in data) {
packagename.push("Packagename " + data[i].packagename);
quantity.push(data[i].quantity);
}
... a ...
for(var i in data) {
packagename.push("Packagename " + data[i].PACKAGENAME);
quantity.push(data[i].QUANTITY);
}
No estoy familiarizado con Chart.js, pero arreglar esto para que no intente graficar variables indefinidas es un primer paso.