LightningChart JS v3.4.0中PolygonSeries禁用鼠标交互失效求助
解决LightningChart JS v3.4.0中PolygonSeries拦截鼠标事件的问题
在v3.4.0版本中,setMouseInteractions(false)仅会禁用PolygonSeries的交互行为(如高亮、选择、拖拽),但不会阻止其DOM元素捕获鼠标事件,因此会拦截本该触发背景onSeriesBackgroundMouseDoubleClick的事件。可以通过以下方法解决:
- 直接禁用系列DOM元素的鼠标事件响应
通过修改系列DOM容器的pointer-eventsCSS属性,让元素完全不接收任何鼠标事件,事件会直接穿透到背景层。代码示例:const series = chartL.addPolygonSeries() .add(points); series.setMouseInteractions(false); // 禁用系列DOM元素的鼠标事件捕获 series.getDOMContainer().style.pointerEvents = 'none';
这个方法直接作用于底层DOM元素,能确保PolygonSeries不再拦截任何鼠标事件,背景的双击事件可以正常触发。
内容的提问来源于stack exchange,提问作者emorling
相关产品推荐
相关产品推荐

