echarts-gl在渲染3d地图后,进行点击事件获取不到点击事件,排查后发现是因为数据没有放在series中,所以获取不到数据,将数据放入到series中后就可以正常获取点击事件了。
实例代码
drawEcharts() {
var that = this;
...
yekong
2年前 (2023-05-30)
喜欢
更新
2023年05月30日
之所以无法点击获取地图信息,是因为数据没有放在series中。vue echarts-gl 3d 点击地图无法获取监听事件
vue 可视化数据大屏 项目开发中,需要渲染3d地图,并且进行点击交换获取信息,上一篇中vue echarts-gl 3d地图...
yekong
2年前 (2023-05-30)
喜欢
vue 项目开发中 需要3d地图效果,这里我们使用的echarts echarts-gl来进行3d地图渲染。
3d地图渲染完成后,我们需要进行交互,点击地图获取信息,在echarts普通地图中,我们只需要监听click就可以了,
推荐解决方案
echarts-gl在渲染3d地图...
yekong
2年前 (2023-05-30)
喜欢
vue 可视化数据大屏 项目开发中,经常会需要echarts来渲染地图效果,在设置地图颜色的时候一般使用
itemStyle下的areaColor来控制地图的颜色,但是在echarts-gl下,areaColor是无效的
使用版本
因为后期可能这些问题会在新版本里解决,所以这里...
yekong
2年前 (2023-05-29)
喜欢
vue 数据可视化大屏 项目开发中,需要展示地名,因为地图已经是深色了,所以想设置label为白色,但是按照说明文档设置后无效,排查后,发现需要把设置参数设置在label下面。
问题
使用版本
因为后期可能这些问题会在新版本里解决,所以这里把版本号写出来,可能问题只会出现在当前...
yekong
2年前 (2023-05-29)
喜欢
vue3 数据可视化大屏 项目开发时,需要实现3d地图效果,这里我们使用echarts和echarts-gl来实现地图。
安装依赖
使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是...
yekong
2年前 (2023-05-29)
喜欢
在之前我们使用threejs绘制3d地图效果添加label标签,接下来我们需要当鼠标移入到指定区域后,当前区域地图高亮。
threejs 3d地图渲染完成后,我们还需要进行交互操作,比如鼠标移入到地图指定区域后,我们需要让地图高亮。
效果演示地址
threejs 3d地图鼠标移...
yekong
2年前 (2023-05-29)
喜欢
vue 数据可视化大屏 项目开发中,会添加一些echarts地图效果,但是一些大屏项目中对地图的效果要求比较高,一般的echarts无法满足客户需要了,所以我们需要3d效果的地图,这里我们使用threejs来实现3d地图效果。今天我们要实现的是3d地图加标签效果。效果类似echa...
yekong
2年前 (2023-05-29)
喜欢