echarts 3D地图点击事件

由于echarts3D地图为非数据区域所以需要别的方法去绑定点击事件

1、配置的series中添加

{

type: 'map3D', //新增一条数据区域图标

map: 'china',

itemStyle: {

opacity: 0 //设置透明度后，就不影响原来的图配色等功能，也不影响bar3D数据展示

zlevel: 1, //设置层级，如不设置假如其他图标高则无法触发点击事件

// 其余属性可自行根据需求在官网查看

}

2、事件监听-监听添加是数据区域图表的点击事件

监听bar3D的点击事件:

myChart.on('click','series.map3D', params => {})

监听map3D的点击事件:

myChart.on('click','series.map3D', params => {

console.log('params------',params)

})

echarts 3D地图点击事件相关推荐

html地图无法点击,无法触发谷歌地图标记点击事件从HTML按钮
我尝试创建一个HTML按钮,可以触发谷歌地图上的标记的点击事件,所以每当我点击按钮,地图将自动放大到标记和显示infowindow.这里是我的代码无法触发谷歌地图标记点击事件从HTML按钮 Semua ...
大屏页面使用transform属性scale进行缩放，高德地图点击事件失效，地图展示模糊
这里写自定义目录标题大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
echarts 3d地图
echarts 3d地图 var option = {title: {show:false,text: '地图',left: 'center',top: 20,textStyle:{color:'#f ...
echart 广州3d_vue echarts 3D地图+省+弹窗
先看效果图 image.png image.png 首先下载echarts 插件,3d地图需要依赖echarts-gl npm install echarts --save npm install e ...
vue+echarts+3D地图制作大屏
基于3d地图做的一些效果,首先看下效果图准备工作:下载echarts 和3d地图需要用到的依赖包,版本随意就行下载依赖之后,在页面引入,引入网上下载的地图json文 ...
vue echarts 3D地图+省+弹窗
先看效果图首先下载echarts 插件,3d地图需要依赖echarts-gl npm install echarts --save npm install echarts-gl --save 创建e ...
Echarts柱状图的点击事件
最近在做一些图表统计的功能,用到了百度的开源图表软件Echatrs,不得不提的是:不但上手简单而且扩展功能也是十分强大.在使用的过程中也遇到了不少问题,可能由于有关Echatrs的资料并不是很齐全,所 ...
Vue 移动端项目百度地图点击事件无效、不触发解决方案
解决百度地图手机端点击事件不触发的一种方案版权声明:本文为博主原创文章,转载请标明原文出处. 问题背景我是半路接手的这个项目,该项目使用 Vue 开发的一款手机端的页面.到手里时,使用百 ...
Echarts树形结构图加点击事件
一.引入js 二.前端 <div id="statisticChart" style="height:800px"></div> // ...

echarts 3D地图点击事件

echarts 3D地图点击事件相关推荐

最新文章

热门文章