2020-12-18 echarts 点击空白区域

最新推荐文章于 2024-04-19 15:19:14 发布

万古长空如长夜

最新推荐文章于 2024-04-19 15:19:14 发布

阅读量1.4k

点赞数

分类专栏： vue 文章标签： vue echarts

本文链接：https://blog.csdn.net/qq_39139322/article/details/111369007

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

echarts getZr()方法是监听整个画布配合点击事件使用就可以点击echarts图空白区域

 const bimAxisDom: any = this.$refs.threeModelAxis
        this.bimAxisChart = echarts.init(bimAxisDom as HTMLCanvasElement)
        let _this = this
        // 点击
        this.bimAxisChart.getZr().on('click', (params: any) => {
            const pointInPixel = [params.offsetX, params.offsetY]
            if (this.bimAxisChart.containPixel('grid', pointInPixel)) {
                _this.xIndex = this.bimAxisChart.convertFromPixel({ seriesIndex: 0 }, [params.offsetX, params.offsetY])[0]
                _this.mouseDown()
            }
        })