echarts在3d地球中dispatchAction无效?
var globel = echarts.init(document.getElementById('globe'));

        const option = {
            // backgroundColor: '#000',
            visualMap: {
                show: false,
                min: 0,
                max: 60,
                inRange: {
                    symbolSize: [1.0, 10.0],
                    opacity:[1,0.5]
                }
            },
            tooltip: {
                trigger: 'item',
                alwaysShowContent:true,
                formatter: function(prams,d,callback){
                    return prams.value
                },
            },
            globe: {
                baseTexture: require('../assets/world.png'),
                globeOuterRadius: 100,
                displacementScale: 0.1,
                viewControl:{
                    autoRotate:false
                },
                postEffect:{
                    bloom:true,
                    screenSpaceAmbientOcclusion:true
                },
                shading: 'color',
                z: 9
            },
            series: {
                type: 'scatter3D',
                coordinateSystem: 'globe',
                blendMode: 'source-over',
                symbolSize: 2,
                itemStyle: {
                    // color: 'rgb(148, 148, 148)',
                    color:'#b4b4b4',
                    opacity: 1
                },
                data: data
            }
        }
*******************************
        globel.dispatchAction({
            type:'showTip',
            seriesIndex:0,
            dataIndex:1
        })

如上,无论如何都无法用方法呼出tooltip,但是正常的item触发还是可以的

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echarts学习之二十三:action图表行为的相关操作
图表行为用于触发能够改变图表显示的相关动态功能,event事件用于接收action触发的行为,所以action行为要配合event事件一块学习//触发图表行为(更改变图表显示的相关动态),例如图例开关legendToggleSelect, 数据区域缩放dataZoom,显示提示框showTip等等 //通过不同的type触发不同的行为 myChart.dispatchAction({ t...
Echarts数据可视化action图表行为的相关操作,开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解 5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行
echarts 3D地球实现自动旋转
1、引入js文件及准备素材。js文件及素材下载参照官网 https://echarts.baidu.com/download.html <script src="../js/lib/echarts.min.js"></script> <script src="../js/lib/echarts-gl.min.js"&gt...
echarts gl在地球上添加发光柱
      最近搞地球效果试了很多方法,发现了一些好玩的效果    1、echarts图表根据值不同显示不同颜色       echarts有一个visualMap属性,在属性中可以实现根据值的不同,visualMap跟series是同一级别,有很多属性,具体的颜色显示由min,max和数值一起决定 visualMap: { show: false,//设置为true的时候...
echarts 3D地球 带攻击路线
效果图如下(谷歌不行,火狐可以) 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="earth" style="width: 100%; he...
Echarts的一些零碎操作知识
1,关于地图的大小控制: 首先需要知道一点Echarts的图表(地图)一般都是根据一个div进行初始化,而这个div的大小基本上就是图表的大小,如果图表有些默认设置小于div的大小则会变成默认设置的大小,而此时如果要控制生成的图表的大小以及图表所在位置(用于构造图表的div中的位置)就需要依赖一个属性:mapLocation这个属性属于series,是一个子属性,其中包括位置以及大小的设置。例如
echarts 3D earth实时攻击 线路图
echarts 3D 透明地球 需求 3D earth 透明度效果 坐标数据的涟漪扩散效果 效果图 第三方插件 <script type="text/javascript" src="js/echarts.min.js"></script> <script type="text/javascript" src="js/echarts-gl.min.js"&
echarts核心js以及用于3D效果的js
个人下载总结的关于echarts的核心js以及用于3D效果显示的封装js
ECharts3.x中的点击事件与行为
在ECharts中主要通过 on 方法添加事件处理函数,ECharts中的事件主要分为两种,1)鼠标事件,在鼠标click  or  hove 时触发鼠标事件; 2)另外一种是在ECharts在做图形交互时触发的事件,即调用 dispatchAction  后触发的事件。 鼠标事件:'click','dblclick','mousedown','mouseup','mouseover','mo
前端3D地球的实现方式
     想到3D,我最想想到的是WebGL,但是通过对WebGL的学习了解,实现地球效果很难达到。1、用echarts gl实现    其次还有echarts GL,做过图表的应该知道echarts,echarts是一个不错的做图表的框架,他安装简单,使用便捷。echarts GL是echarts用来实现三维图标的工具,他是可以实现3D的效果的。实现步骤如下:1、从官网上下载echarts.mi...
echarts3d地图散点数据陷进地图的解决方案
echarts 3d地图数据散点下陷,下陷到地图里的数据是数据中的最小值,解决方法是,添加数据中不能出现的最小值,并且让它不现实出来,就可以解决想要数据下陷得问题
3d酷炫地球动画demo(echarts)
借助ECharts GL扩展包提供的三维可视化组件,实现酷炫的3d地球动画
echarts学习—2(笔记记录API)
1.全局echarts对象 echarts.init(创建一个echarts实例,返回echartsInstance,不能在单个容器上初始化多个echarts实例); echarts.connect(多个图表实例实现联动); echarts.disconnect(解除图表实例的联动,如果只需要移出单个实例,可以将通过将该图表实例group设为空); echarts.dispose(销毁实例
echarts实现2D世界地图
效果图   代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
echarts 3D地图,地图区域点击触发事件
echarts 3D地图,地图区域点击触发事件,3d地图加数据
地级市echarts 3d 地图数据可视化
基于地级市3d 地图上的3d柱形图 更换相关json就可以变成你想要的城市的统计图 demo 学习多天心血之作 一起学习
数据可视化之Echarts-lines3D动态轨迹渲染
数据可视化之Echarts-lines3D动态轨迹渲染 谈到数据可视化,不得不提到近两年超级火的ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 ...
echarts-gl三维展示自定义地图
echarts-gl三维展示自定义地图 使用echarts提供的echarts-gl,采用三维球体来展示自定义的地图,展示的自定义地图格式为json,利用在线转换工具将shp地图转换为json。 转换工具地址:http://mapshaper.org/ 转换过程如下: 首先选择select,导入地图数据 选择.shp结尾的文件,shp数据由arcmap做出来的 选择export...
echart3实用技巧整理
背景近期开发工作中涉及到大量的数据展示功能,主要使用echart3绘图,总的来说echart3还是比较容易上手的,本文整理几个实用用法,作为网上笔记,以备后用。学会看API这是echart3官方文档API是针对echart对象相关调用方法的说明,分为四类:echarts全局、echarts实例对象、动作、事件;配置项是echarts实例的各个配置的说明。动态触发tooltip在 ECharts 3
Echarts中3D地图热力图
3D地图中的热力图就是把3D地图和热力图进行结合,实现在3D地图中进行热力图的显示,具体主要代码如下(框架是Angular,引入Echarts插件之后,地图插件也引入之后): const option = { tooltip: { trigger: 'item', formatter: function (params) { r...
echart自动轮训显示tooltip
echart自动轮训显示tooltip(1)显示函数echart自动轮训显示tooltip      //用于轮训显示echart tooltip      function showToolTip_highlight(mychart,currentIndex){          let echartObj = mychart;          // 高亮当前图形          let h...
HTML5 地球旋转3D动画
HTML5 Canvas 地球旋转3D动画 来源于网络,学习的小小知识
美卫星拍最详细3D地图 覆盖地球99%大陆
原文位置:http://www.dailymail.co.uk/sciencetech/article-2050967/Nasa-turns-exploring-planet-new-3D-map-outperforms-Google-Earth.html【英文版】,还有两段视频,一段NASA的,还有另外一段youtube的(这个需要翻墙看,你懂的)。 这是我们这个世界最完整的数字“地形”图
WebGL可视化地球和地图引擎:Cesium.js
Cesium 是一个JavaScript 库用于在Web浏览器创建 3D 地球和 2D 地图,无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化;跨平台;跨浏览器;实现真正的动态数据进行可视化。Cesium 基于 Apache 开源协议,支持商业和非商业免费使用。 Cesium 主要特性: 动态地理空间可视化 非常高的性能和精准度 一个 API,三种
关于echart-gl加载世界地图的问题
1、需求分析: 设计需求一个旋转的地球仪作为背景 2、实现过程: 在echarts官网上有echarts-gl方法:http://echarts.baidu.com/examples/index.html#chart-type-globe option = {     backgroundColor: '#000',     globe: {         baseTexture: '...
爬坑日记--------vue 如何使用 ECharts
简单小案例。一 安装 ECharts 依赖。 npm install --save echarts 二 在页面上引入 ECharts。import echarts from 'echarts'页面代码:<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 1409px;hei...
echarts重写图例点击事件
echarts version: 3.1.2 修改图例点击事件样例代码: 当第一次点击图例时,只显示点击的图例。当还剩一个图例被取消选中后,自动全选中所有图例。 var triggerAction = function(action, selected) { legend = []; for ( name in selected) {
ECharts三维散点图(删除表格再添加)
ECharts的使用相对于D3来说要简单,使用起来也很方便,但是D3并没有很成熟的三维图表做法,很多人说D3对三维这一块并不擅长,推荐使用ECharts-gl,对ECharts-gl我是服气的,借助canvas实现的三维图表,性能我很满意呀,大数据展示没什么压力,一下是我尝试的简单例子,大体框架就是这样,也给自己做个笔记。 值得注意的是:当删除图表后想要再...
vue结合Echarts实现点击高亮效果
vue结合Echarts实现点击高亮效果 本文主要介绍如何在vue中使用Echarts实现点击高亮效果。 1、首先看一下官方网站上的介绍: http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency 2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。 moun
cesium+HTML5+3D地图展示
cesium+HTML5+3D地图展示
echartGL中option各3D配置属性配置详解
最近,接手一个项目需要实现echart中各种3D图表样式,我还是一如既往的从研究echart配置项中各属性含义开始入手,由于自己需要实现的是柱状图效果,类似地图3D 效果在这里不展示,直接进入自己所研究的内容1、grid3D希望上面的图片能够加深对grid3D各个属性的理解,本人直接采用echarts官网中的例子http://gallery.echartsjs.com/editor.html?c=...
一款轻量级三维可视化产品-ECharts-X
一、前言 在可视化的项目需求中,很多需求是简单的大场景下的可视化展示,如全国运营城市的分布,全球的航向,人口的城市间迁徙…这些可视化需求本身都是基于三维展示的,如果使用商业化的GIS软件或者较为复杂的开源平台,反而有点大才小用,增加开发复杂度,效果反而没有一些轻量级的平台好,这里我就推荐一款轻量级的三维地球可视化产品ECharts-X。 ECharts-X 的定位是 ECharts 的扩展,因...
Echarts 实现tooltip自动显示自动播放
1.其实这个很容易实现,一个 dispatchAction 方法就解决问题;但是本鸟在未实现该功能时是花了大力气,各种百度,各种搜;很难找到简单粗暴的例子,大多数随便回一句你的问题就没下文;废话太多了...上图片上代码 html, body { width: 100%; height: 100%; background-color: g
Rajawali3D基础教程-一个地球旋转的例子
转载于 http://www.android100.org/html/201510/05/187690.html这篇文章将帮助你在安卓中使用Rajawali 3D库实现一个基本的3D场景。关于最新版本的教程不是很多,有一些改动是需要注意的。 在过去,Rajawali是在一个activity子类和fragment子类中渲染3D和2D场景。自从上一个官方版本0.9的发布之后,Rajawali是使用Ra
一个excel做的3D地球
一个用EXCEL做的3D地球,国外牛人做的,VBA源码没有密码的。
无意间看到16行代码的旋转地球,简直是狂拽酷炫吊!
    在线演示
ECharts3D地图(详细示例——附有具体注释)
3D地图图表效果如下: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>铜仁市3D地图(点击地图区域跳转到相应页面)</title> <script type="text/javasc
ECharts-gl中三维图片旋转问题
ECharts-gl中三维图片旋转问题 一开始用ECharts-gl库进行绘图的时候很多东西不是很熟,下面我稍微讲解下如何对三维图片进行旋转的操作以及代码的附上,有兴趣的读者可以自行测试。 主程序代码: //基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); v
echarts 3.8.5 含 bar3d控件
echarts 3.8.5 含 bar3d控件,官方只发布到3.8.4,我从官网例子里抠出的3.8.5的包
echarts中国地图3D各个城市标点demo
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=EDGE">    <title>3D中国</title&am
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 echarts教程python 3d游戏开发视频