echarts二次加载重新绘制图的方法

最新推荐文章于 2024-10-16 15:33:00 发布

陌然回首7

最新推荐文章于 2024-10-16 15:33:00 发布

阅读量7.1k

点赞数 3

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_35146059/article/details/122185876

版权

本文介绍了如何使用Echarts进行图表的二次加载和重绘，包括清除图表、移除_echarts_instance_属性、设置新选项并重绘图表的步骤。通过监听窗口resize事件来实现图表的自适应刷新。对于需要更新数据或调整图表配置的场景，这种方法非常实用。

摘要由CSDN通过智能技术生成

echarts二次加载重新绘制图的方法

var xxEchart = echarts.init(document.getElementById('xxEchart'));

// 绘制图表echarts的结构
var option = {};

//移除容器上的 _echarts_instance_ 属性
$('#xxEchart').removeAttr('_echarts_instance_');

xxEchart.clear();
xxEchart.setOption(option,true);//true重绘
resizeChart(xxEchart);

//刷新echarts
function resizeChart(chart) {
	debugger;
	window.addEventListener("resize", function(){
		chart.resize();
	});
}

参考资料

(49条消息) echarts重新加载数据没有绘出图_一点点ning0_o-CSDN博客_echarts 重绘不显示