Повторные нажатия на событие регистрации echarts приводят к зависанию страницы.

вопрос

echarts регистрирует события кликов на компоненте карты. При повторном щелчке вызывается метод, генерирующий echarts, и страница зависает.

причина

При нажатии на карту для запуска события постоянно вызывается функция, генерирующая карту, в результате чего электронные диаграммы постоянно создают события щелчка.

Решение (echarts.off() отвязывает функцию обработчика событий)

После выполнения события echats вызовите myChart.off(), чтобы отменить привязку события
(имя события: строка, обработчик?: Функция)
параметры:
имя_события

Название события.

обработчик

По желанию вы можете передать функцию обработки, которую необходимо отменить. Если нет, отмените привязку всех функций событий этого типа.


let myChart = this.$echarts.init(document.getElementById(id), "westeros");
//echarts配置
let option = {}
myChart.clear()
myChart.setOption(option,true);
myChart.on("click", (params) => {
	//在这里再次调用了生成echarts的这个方法(重新设置了option)导致页面卡顿

	//执行完事件触发的代码后解绑事件

	myChart.off();
})

Guess you like

Origin blog.csdn.net/weixin_42215897/article/details/120843502