Python 尝试在不同图表之间切换时出错
我正在开发一个应用程序,显示在chartjs图形中创建的数据,我正在做的很好,因为所有数据都以我想要的方式显示,但我有一个问题,那就是现在我正试图根据用户希望更改的图形类型来做这件事,问题是图形已更改,但如果有多个图形,则仅更改第一个图形,其他图形默认继续使用该图形,这是我的模板:Python 尝试在不同图表之间切换时出错,python,django,chart.js,Python,Django,Chart.js,我正在开发一个应用程序,显示在chartjs图形中创建的数据,我正在做的很好,因为所有数据都以我想要的方式显示,但我有一个问题,那就是现在我正试图根据用户希望更改的图形类型来做这件事,问题是图形已更改,但如果有多个图形,则仅更改第一个图形,其他图形默认继续使用该图形,这是我的模板: <select name="chartType" id="chartType" onchange="updateChart()" data-role=
<select name="chartType" id="chartType" onchange="updateChart()" data-role="select">
<option value="pie">pie</option>
<option value="bar">Bar</option>
</select>
<canvas id="{{ project.slug }}" width="400" height="400"></canvas>
您可以使用所选图表类型调用
updateChart
函数,如下所示:
onchange="updateChart(this.value)"
然后一切都可以在updateChart
函数中完成
updateChart
updateChart('pie');
请看一下下面的可运行代码片段,看看它是如何工作的
let myChart;
函数updateChart(类型){
如果(我的图表){
myChart.destroy();
}
myChart=新图表(“图表”{
类型:类型,
数据:{
标签:['A','B'],
数据集:[{
数据:[3,6],
背景颜色:['#252850','#f44611']
}]
},
选项:{
比例:{
雅克斯:[{
显示:类型=='bar',
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});
}
updateChart(“馅饼”)代码>
馅饼
酒吧
updateChart('pie');