var options_{{ code }}_chart = { exportEnabled: true, animationEnabled: true, title:{ text: "{{ title }}" }, legend:{ cursor: "pointer", itemclick: explodePie }, data: [{ type: "pie", showInLegend: true, toolTipContent: "{name}: {y}", indexLabel: "{name}: {y}", dataPoints: [ { y: 26, name: "School Aid", exploded: true }, { y: 20, name: "Medical Aid" }, { y: 5, name: "Debt/Capital" }, { y: 3, name: "Elected Officials" }, { y: 7, name: "University" }, { y: 17, name: "Executive" }, { y: 22, name: "Other Local Assistance"} ] }] } function explodePie (e) { if(typeof (e.dataSeries.dataPoints[e.dataPointIndex].exploded) === "undefined" || !e.dataSeries.dataPoints[e.dataPointIndex].exploded) { e.dataSeries.dataPoints[e.dataPointIndex].exploded = true; } else { e.dataSeries.dataPoints[e.dataPointIndex].exploded = false; } e.chart.render(); } $.get("{{ data_url }}"). then((response) => { options_{{ code }}_chart.data[0].dataPoints = response; var {{ code }}_chart = new CanvasJS.Chart( "{{ code }}", options_{{ code }}_chart ); {{ code }}_chart.render(); });