- 博客(6)
- 收藏
- 关注
原创 echarts中,用图表点击事件this.myChart.on(‘click‘, (e: any) => {}),获取的series[2]和series[0],series[1]获取的e的结构不一样
如图:蓝点是series[0],series[1],红点是series[2],点击红点获取的e是左,蓝点是右。我赶紧改成一致,结果打印一看,e的结构还是不一致。(默认值),这个元素就可以正常触发和响应各种鼠标交互事件。都改成true后,e打印出来的数据结构终于变成一致了!事件,虽然都是 scatter,但内部字段就不一样了。属性的作用是:控制元素是否响应和触发鼠标事件,,这个图形元素就不会触发任何鼠标事件(比如。由于代码不是我写的,只能仔细对比找原因了。在每个点的渲染信息里,挂上额外的。
2025-04-27 11:23:20
392
原创 用antvG6绘图,打印出来都有数据但就是没显示??
我打印这里的width和height,果然都为0.那就是this.$el.clientWidth和this.$el.clientHeight的问题了。打印this.$el.clientWidth和this.$el.clientHeight都有值了,图像也就出来了!我把G6子组件放在了Tab切换组件里:如果你在一个还没显示的 Tab 页中初始化 G6,容器宽度会是 0(display:none),它就会尝试用容器的大小,如果容器本身没有宽高(如上),就失败了。(排除,我设了宽高,而且子组件里面也设定了)
2025-04-18 14:41:29
322
原创 踩坑:样式height:fit-content导致@click点击事件无效
开发过程中,发现@click点击事件一直不生效,原因找了好久。最终把样式height:fit-content去掉之后,事件就生效了。b.为元素设置一个最小高度,这样即使内容为空,点击事件也不会受到影响。值会让元素的高度自适应其内容,但如果内容的高度恰好为零(例如,一个空的。/* 设置一个最小高度 */),那么该元素的高度也会是零,从而导致点击事件无法触发。属性在某些情况下会影响到元素的可点击区域。z-index: 999,使其层级更高。
2025-04-14 15:48:32
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1