在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 如何在使用ECharts DataZoom組件拖動(dòng)圖表時(shí)，鼠標(biāo)指針離開(kāi)圖表取消拖

如何在使用ECharts DataZoom組件拖動(dòng)圖表時(shí)，鼠標(biāo)指針離開(kāi)圖表取消拖動(dòng)狀態(tài)？

由于ECharts中DataZoom組件拖動(dòng)時(shí)鼠標(biāo)指針離開(kāi)圖表不取消拖動(dòng)狀態(tài)，鼠標(biāo)指針再度進(jìn)入圖表時(shí)，即使沒(méi)有按住左鍵，圖表也會(huì)跟隨指針移動(dòng)。

例如這個(gè)官方demo中也有類(lèi)似情況
http://echarts.baidu.com/exam...

一般來(lái)說(shuō)，如果自己擼類(lèi)似的功能的話可以在mouseleave之類(lèi)的事件中處理相關(guān)問(wèn)題，然而剛才翻了一下ECharts以及ZRender的源碼，似乎是由于ZRender無(wú)法響應(yīng)mouseleave，導(dǎo)致ECharts也沒(méi)響應(yīng)mouseleave事件

不知道有沒(méi)有什么辦法可以解決這個(gè)問(wèn)題，望不吝賜教

回答
編輯回答
尐飯團(tuán)

在 mouseleave 時(shí)手動(dòng) dispatch 一個(gè) mouseup 到 canvas 元素即可

var mouseEvent= document.createEvent('MouseEvents');
mouseEvent.initEvent('mouseup', true, true);
echartsCanvasEle.dispatchEvent(mouseEvent);
2017年3月30日 05:04
編輯回答
笨小蛋

我的怎么沒(méi)這種效果

2017年8月21日 04:45