I am trying to insert this pie chart in the Web Page using Frappe Charts, I directly linked it via the unpkg link.
The chart is not getting rendered on the screen and it shows no errors.
Here is the code :
abcl_amount_ytd=[];
abcil_amount_ytd=[];
abcl_tax_ytd=[];
abcil_tax_ytd=[];
labels_ytd=["A", "B", C", "D"];
jQuery.each(r.message.ytd, function(i, val) {
abcl_amount_ytd.push(val.service_amount_abcl);
abcil_amount_ytd.push(val.material_amount_abcil);
abcl_tax_ytd.push(val.total_abcl_tax);
abcil_tax_ytd.push(val.total_abcil_tax);
debugger;
});
debugger;
let pieChartData = {
labels: labels_ytd,
datasets: [
{
title: "ABCL Amount",
values: abcl_amount_ytd
},
{
title: "ABCL Tax",
values: abcil_amount_ytd
},
{
title: "ABCIL Amount",
values: abcl_tax_ytd
},
{
title: "ABCIL Tax",
values: abcil_tax_ytd
}
]
};
debugger;
let pieChart = new Chart(pc,{
data: pieChartData,
type: 'pie',
height: 190,
title: "Sales Till Date",
colors: ["#C3F73A","#95E06C","#68B684","#094D92"]
});