本地情况正常 结果部署Nginx服务器后发现echarts图表第二次查看时就出问题了
解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例：
onMounted(()=>{
// echarts.init(document.getElementById("userSex")).dispose()
const userSexChart = echarts.init(document.getElementById("userSex"));
userSexChart.setoption(userSex);
//
// echarts.init(document.getElementById("songStyle")).dispose()
const songStyleChart = echarts.init(document.getElementById("songStyle"));
songStyleChart.setoption(songStyle);
//
// echarts.init(document.getElementById("singerSex")).dispose()
const singerSexChart = echarts.init(document.getElementById("singerSex"));
singerSexChart.setoption(singerSex);
//
// echarts.init(document.getElementById("country")).dispose()
const countryChart = echarts.init(document.getElementById("country"));
countryChart.setoption(country);
})
onBeforeUnmount(()=>{
document.getElementById("userSex").removeAttribute('_echarts_instance_')
document.getElementById("songStyle").removeAttribute('_echarts_instance_')
document.getElementById("singerSex").removeAttribute('_echarts_instance_')
document.getElementById("country").removeAttribute('_echarts_instance_')
})
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
