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...
ECharts3.x中的点击事件与行为
在ECharts中主要通过 on 方法添加事件处理函数,ECharts中的事件主要分为两种,1)鼠标事件,在鼠标click  or  hove 时触发鼠标事件; 2)另外一种是在ECharts在做图形交互时触发的事件,即调用 dispatchAction  后触发的事件。 鼠标事件:'click','dblclick','mousedown','mouseup','mouseover','mo
echart3实用技巧整理
背景近期开发工作中涉及到大量的数据展示功能,主要使用echart3绘图,总的来说echart3还是比较容易上手的,本文整理几个实用用法,作为网上笔记,以备后用。学会看API这是echart3官方文档API是针对echart对象相关调用方法的说明,分为四类:echarts全局、echarts实例对象、动作、事件;配置项是echarts实例的各个配置的说明。动态触发tooltip在 ECharts 3
echarts 3D地图区域点击触发事件
搞了一天也没解决echart 3d地图点击区域事件响应,现在把成果共享给大家,csdn里面很多下载,但都不能解决问题 常规方法为: myChart.on('click',function(e){ funcOnClick(e); }); 修改为: myChart.getZr().on('click',function(e){ funcOnClick(e); }); 地图上的点击事件分为数据区域和非数...
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的一些零碎操作知识
1,关于地图的大小控制: 首先需要知道一点Echarts的图表(地图)一般都是根据一个div进行初始化,而这个div的大小基本上就是图表的大小,如果图表有些默认设置小于div的大小则会变成默认设置的大小,而此时如果要控制生成的图表的大小以及图表所在位置(用于构造图表的div中的位置)就需要依赖一个属性:mapLocation这个属性属于series,是一个子属性,其中包括位置以及大小的设置。例如
ECharts3D地图(详细示例——附有具体注释)
3D地图图表效果如下: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>铜仁市3D地图(点击地图区域跳转到相应页面)</title> <script type="text/javasc
echarts gl在地球上添加发光柱
      最近搞地球效果试了很多方法,发现了一些好玩的效果    1、echarts图表根据值不同显示不同颜色       echarts有一个visualMap属性,在属性中可以实现根据值的不同,visualMap跟series是同一级别,有很多属性,具体的颜色显示由min,max和数值一起决定 visualMap: { show: false,//设置为true的时候...
echarts核心js以及用于3D效果的js
个人下载总结的关于echarts的核心js以及用于3D效果显示的封装js
Echarts数据可视化action图表行为的相关操作,开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解 5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行
前端3D地球的实现方式
     想到3D,我最想想到的是WebGL,但是通过对WebGL的学习了解,实现地球效果很难达到。1、用echarts gl实现    其次还有echarts GL,做过图表的应该知道echarts,echarts是一个不错的做图表的框架,他安装简单,使用便捷。echarts GL是echarts用来实现三维图标的工具,他是可以实现3D的效果的。实现步骤如下:1、从官网上下载echarts.mi...
数据可视化之Echarts-lines3D动态轨迹渲染
数据可视化之Echarts-lines3D动态轨迹渲染 谈到数据可视化,不得不提到近两年超级火的ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 ...
echart自动轮训显示tooltip
echart自动轮训显示tooltip(1)显示函数echart自动轮训显示tooltip      //用于轮训显示echart tooltip      function showToolTip_highlight(mychart,currentIndex){          let echartObj = mychart;          // 高亮当前图形          let h...
echarts实现2D世界地图
效果图   代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
echarts3d地图散点数据陷进地图的解决方案
echarts 3d地图数据散点下陷,下陷到地图里的数据是数据中的最小值,解决方法是,添加数据中不能出现的最小值,并且让它不现实出来,就可以解决想要数据下陷得问题
echarts学习—2(笔记记录API)
1.全局echarts对象 echarts.init(创建一个echarts实例,返回echartsInstance,不能在单个容器上初始化多个echarts实例); echarts.connect(多个图表实例实现联动); echarts.disconnect(解除图表实例的联动,如果只需要移出单个实例,可以将通过将该图表实例group设为空); echarts.dispose(销毁实例
ECharts-gl中三维图片旋转问题
ECharts-gl中三维图片旋转问题 一开始用ECharts-gl库进行绘图的时候很多东西不是很熟,下面我稍微讲解下如何对三维图片进行旋转的操作以及代码的附上,有兴趣的读者可以自行测试。 主程序代码: //基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); v
爬坑日记--------vue 如何使用 ECharts
简单小案例。一 安装 ECharts 依赖。 npm install --save echarts 二 在页面上引入 ECharts。import echarts from 'echarts'页面代码:<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 1409px;hei...
关于echart-gl加载世界地图的问题
1、需求分析: 设计需求一个旋转的地球仪作为背景 2、实现过程: 在echarts官网上有echarts-gl方法:http://echarts.baidu.com/examples/index.html#chart-type-globe option = {     backgroundColor: '#000',     globe: {         baseTexture: '...
echarts-gl三维展示自定义地图
使用echarts提供的echarts-gl,采用三维球体来展示自定义的地图
echarts中国地图3D各个城市标点demo
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=EDGE">    <title>3D中国</title&am
无意间看到16行代码的旋转地球,简直是狂拽酷炫吊!
    在线演示
Rajawali3D基础教程-一个地球旋转的例子
转载于 http://www.android100.org/html/201510/05/187690.html这篇文章将帮助你在安卓中使用Rajawali 3D库实现一个基本的3D场景。关于最新版本的教程不是很多,有一些改动是需要注意的。 在过去,Rajawali是在一个activity子类和fragment子类中渲染3D和2D场景。自从上一个官方版本0.9的发布之后,Rajawali是使用Ra
美卫星拍最详细3D地图 覆盖地球99%大陆
原文位置:http://www.dailymail.co.uk/sciencetech/article-2050967/Nasa-turns-exploring-planet-new-3D-map-outperforms-Google-Earth.html【英文版】,还有两段视频,一段NASA的,还有另外一段youtube的(这个需要翻墙看,你懂的)。 这是我们这个世界最完整的数字“地形”图
一个excel做的3D地球
一个用EXCEL做的3D地球,国外牛人做的,VBA源码没有密码的。
3D地球的生成(一)——生成全球的3D图
原文发布时间:2010-07-03作者:毛毛虫这一部分内容是演示如何生成一个全球的3D图。这篇文章中的例子显示了一个以经纬度表示的2D地图如何被转换为3D地球。我们首先需要创建一个全球范围的矩形,然后把该矩形转换为3D地球,并将我们的一个包含全球国家行政区和南极洲的shape文件添加到这个3D表面上显示出来。下面是操作过程:首先创建3D地球。使用转换器Creator创建一个全球范围的矩形(在后面转...
vue结合Echarts实现点击高亮效果
vue结合Echarts实现点击高亮效果 本文主要介绍如何在vue中使用Echarts实现点击高亮效果。 1、首先看一下官方网站上的介绍: http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency 2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。 moun
echarts 3.8.5 含 bar3d控件
echarts 3.8.5 含 bar3d控件,官方只发布到3.8.4,我从官网例子里抠出的3.8.5的包
echarts3的简单实践(饼图、柱形图、折线图、地图+散点图)
echarts3是向下兼容echarts2的,所以echarts2切换到echarts3基本无需改代码。 饼图、柱形图、折线图:用的echarts2的配置项,但是能正常显示 代码片段: function loadCharts(orgCode){ /** 构建故障原因饼图 */ myChart1.showLoading();
echarts 3D地图,地图区域点击触发事件
echarts 3D地图,地图区域点击触发事件,3d地图加数据
EChart 2升级EChart 3注意事项
本文是根据自己的实践进行总结过来的,是不完全的所有升级注意事项。 如果想直接看结果,请移步到第4部分内容1.背景EChart 3是在2015年12月发布的新版本,相比较EChart 2,主要的变化总结如下: - 1) 支持了直角坐标系(catesian,同 grid)、极坐标系(polar)、地理坐标系(geo) - 2) 移动端的优化,说明白就是将源码体积减小 - 3) 新增更多图表类型,
首页地图渲染之国际化(二)---地图操作
地图操作关于放大缩小定位搜索等功能,其中最重要的是不管哪个操作,都是对echart的设置,具体函数如下:function localizeMap(center,zoom){ var option = echartMap.getOption() if(center&&center.length==2) option.series[0].center=center
通过百度echarts实现数据图表展示功能
现在我们在工作中,在开发中都会或多或少的用到图表统计数据显示给用户。通过图表可以很直观的,直接的将数据呈现出来。这里我就介绍说一下利用百度开源的echarts图表技术实现的具体功能。 1、对于不太理解echarts是个怎样技术的开发者来说,可以到echarts官网进行学习了解,官网有详细的API文档和实例供大家参考学习。 2、以下是我在工作中实现整理出来的实例源码: 公用的支持j
Echarts 实现tooltip自动显示自动播放
1.其实这个很容易实现,一个 dispatchAction 方法就解决问题;但是本鸟在未实现该功能时是花了大力气,各种百度,各种搜;很难找到简单粗暴的例子,大多数随便回一句你的问题就没下文;废话太多了...上图片上代码 html, body { width: 100%; height: 100%; background-color: g
python 对pyecharts库调用的部分3D图形教程
#  折线图: from pyecharts import Line, Kline, Grid line = Line("折线图示例") attr = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] line.add( "最高气温", attr, [11, 11,
WebGL绘制一个旋转地球
前言 最近工作接触到了opengl,之前在安卓和ios已经实现了效果。最近主管说,也需要在web端实现,于是看了下webgl。代码基本都是copy和edit,具体实现大家自己去google吧,这里只是简单介绍几点。 WebGL 感觉和opengl es差不多,稍有一些变化,比如创建一个VAO。具体介绍见这里:https://developer.mozilla.org/en-US/docs/W...
ECharts应用在React 完美步骤解析
博主辛苦为大家找来高清完整操作步骤, 需要童鞋可以下载学习:http://download.csdn.net/download/ecit_it/9769442 下面给大家分享几个步骤,需要详细的可以点上面的链接下载 标签式单文件引入 标签式单文件引入 //from echarts example          ...
有关网络攻击的世界地图是怎么开发的?比如 ZoomEye 经常有一些这样很酷的地图~
著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 作者:周知日 链接:https://www.zhihu.com/question/23624209/answer/25284792 来源:知乎 Echarts 团队出大杀器了——基于 WebGL 的地球仪组件,有类似需求的同学赶紧直奔 echarts-x: Examples - Powered by ECh
Echarts采坑日记之tooltip
formatter当默认的tooltip无法满足需求的时候,我们就会编写formatter函数。但是这样就会出现一个问题,每个类目名前的图标就会没有了,只剩光突突的文字。网上搜索解决办法无果,只能霸王硬上弓了:tooltip: { ... formatter: function (params) { var relVal = params[0].name;
Three.js与canvas实现地球自转动画
效果如上图实现代码如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>旋转球体</title> <style> body{ margin: 0;
文章热词 3D Studio 3d相机标定总结 3D Studio教程 3D Studio培训套餐 3D Studio课程
相关热词 c++ echarts 使用 bootstrap用echarts变形 android 绘制地球 echarts教程python 人工智能3d打印视频教程