ECharts API文档
1. 全局echarts对象
echarts.init(创建一个echarts实例,返回echartsInstance,不能在单个容器上初始化多个echarts实例);
echarts.connect(多个图表实例实现联动);
echarts.disconnect(解除图表实例的联动,如果只需要移出单个实例,可以将通过将该图表实例group设为空);
echarts.dispose(销毁实例,实例销毁后无法再被使用);
echarts.getInstanceByDom(获取dom容器上的实例);
echarts.registerMap(注册可用的地图,必须在包括geo组件或者map图表类型的时候才能使用);
echarts.getMap(获取已注册的地图,返回一个对象);
echarts.registerTheme(注册主题,用于初始化实例的时候指定);
echarts.graphic(图形相关帮助方法);
echarts.graphic.clipPointsByRect(输入一组点,和一个矩形,返回被矩形截取过的点);
echarts.graphic.clipRectByRect(输入两个矩形,返回第二个矩形截取第一个矩形的结果);
2. echartsInstance(通过echarts.init创建的实例)
echartsInstance(通过echarts.init创建的实例)
echartsInstance.group(图表的分组,用于联动);
echartsInstance.setOption(设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过setOption完成,ECharts会合并新的参数和数据,然后刷新图表。如果开启动画的话,ECharts找到两组数据之间的差异然后通过合适的动画去表现数据的变化);
echartsInstance.getWidth(获取ECharts实例容器的宽度 );
echartsInstance.getHeight(获取ECharts实例容器的高度);
echartsInstance.getDom(获取ECharts实例容器的dom节点);
echartsInstance.getOption(获取当前实例中维护的option对象,返回的option对象中包含了用户多次setOption合并得到的配置项和数据,也记录了用户交互的状态,例如图例的开关,数据区域的缩放选择的范围等等。所以从这份option可以恢复或者得到一个新的一模一样的实例);
echartsInstance.resize(改变图表的尺寸,在容器大小发生改变时需要手动调用);
echartsInstance.dispatchAction(触发图表行为,例如图表开关legendToggleSelect,数据区域缩放dataZoom,显示提示框showTip等等);
echartsInstance.on(绑定事件处理函数);
echartsInstance.off(解绑事件处理函数);
echartsInstance.convertToPixel(转换坐标系上的点到像素坐标值);
echartsInstance.convertFromPixel(转换像素坐标值到逻辑坐标系上的点,是convertToPixel的逆运算);
echartsInstance.showLoading(显示加载动画效果,可以在加载数据前手动调用改接口显示加载动画,在数据加载完成后调用hideLoading隐藏加载动画);
echartsInstance.hideLoading(隐藏动画加载效果);
echartsInstance.getDataURL(导出图表图片,返回一个base64的URL,可以设置为image的src);
echartsInstance.getConnectedDataURL(导出联动的图表图片,返回一个base64的URL,可以设置为image的src。导出图片中每个图表的相对位置跟容器的相对位置有关);
echartsInstance.clear(清空当前实例,会移除实例中所有的组件和图表。清空后调用getOption方法返回一个空对象{});
echartsInstance.isDisposed(当前实例是否已经被释放);
echartsInstance.dispose(销毁实例,销毁后实例无法再被使用);
3. action (ECharts中支持的图标行为,通过dispatchAction触发)
highlight(高亮指定的数据图形,通过seriesName或者seriesIndex指定系列,如果要再指定某个数据可以在指定dataIndex或者name);
downplay(取消高亮指定的数据图形,通过seriesName或者seriesIndex指定系列,如果要再指定某个数据可以在指定dataIndex或者name);
legend(图例组件相关的行为,必须引入图例组件后才能使用);
legendSelect(选中图例);
legendUnSelect(取消选中图例);
legendToggleSelect(切换图例的选中状态);
tooltip(提示框组件相关的行为,必须引入提示框组件后才能使用);
showTip(显示提示框);
hideTip(隐藏提示框);
dataZoom(数据区域缩放组件相关的行为,必须引入数据区域缩放组件后才能使用);
selectDataRange(选取映射的数据范围);
timeline(时间轴组件相关的行为,必须引入时间轴组件后才能使用);
timelineChange(设置当前的时间点);
timelinePlayChange(切换时间轴的播放状态);
toolbox(工具栏组件相关的行为,必须引入工具栏组件后才能使用);
restore(重置option);
pie(饼图相关的行为,必须引入饼图后才能使用);
pieSelect(选中指定的饼图扇形);
pieUnSelect(取消选中指定的饼图扇形);
pieToggleSelect(切换指定的饼图扇形选中状态);
geo(地图组件相关的行为,必须引入地图组件后才能使用);
geoSelect(选中指定的地图区域);
geoUnSelect(取消选中指定的地图区域);
geoToggleSelect(切换指定的地图区域选中状态);
map(地图图表相关的行为,必须引入地图图表后才能使用);
mapSelect(选中指定的地图区域);
mapUnSelect(取消选中指定的地图区域);
mapToggleSelect(切换指定的地图区域选中状态);
graph(关系图相关的行为,必须引入关系图后才能使用);
focusNodeAdjacency(将指定的节点以及其所有邻接节点高亮);
unfocusNodeAdjacency(将指定的节点以及其所有邻接节点高亮);
brush(触发此action可向echarts中添加一个或多个选框);
4. events(在ECharts中主要通过on方法添加事件处理函数);
鼠标事件(鼠标事件的事件参数是事件对象的数据的各个属性);
click(点击事件);
mousedown(鼠标按下);
mouseup(鼠标放下);
mouseover(鼠标悬停);
mouseout(鼠标移出);
legendselectchanged(切换图例选中状态后的事件);
legendselected(图例选中后的事件);
legendunselected(图例取消选中后的事件);
datazoom(数据区域缩放后的事件);
datarangeselected(视觉映射组件中,range值改变后触发的事件);
timelinechanged(时间轴中的时间点改变后的事件);
timelineplaychanged(时间轴中播放状态的切换事件);
restore(重置option事件);
dataviewchanged(工具栏中数据视图的修改事件);
magictypechanged(工具栏中动态类型切换的切换事件);
geoselectchanged(geo中地图区域切换选中状态的事件);
geoselected(geo中地图区域选中后的事件);
geounselected(geo中地图区域取消选中后的事件);
pieselectchanged(serie-pie饼图扇形切换选中状态的事件);
pieselected(series-pie饼图扇形选中后的事件);
pieunselected(series-pie饼图扇形取消选中后的事件);
mapselectchanged(series-map地图中区域切换选中状态的事件);
mapselected(series-map中地图区域选中后的事件);
mapunselected(series-map中地图区域取消选中后的事件);
axisareaselected(平行坐标轴范围选取事件);
focusNodeAdjacency(graph的邻接节点高亮事件);
unfocusNodeAdjacency(graph的邻接节点取消高亮事件);
brush(选框添加事件。即发出brush action得到的事件);
brushselected(对外通知当前选中了什么);
ECharts API文档相关推荐
- 疫情相关的api文档
一.UI文档 vue各城市疫情数据可视化UI文档 密码:666666 参考项目--阿里云部署 二.前端参考文档 2.1 VUE大屏可视化适配方案 2.2 echarts模型参考文档(具体使用问王大佬) ...
- Spring Boot 集成Swagger2生成RESTful API文档
Swagger2可以在写代码的同时生成对应的RESTful API文档,方便开发人员参考,另外Swagger2也提供了强大的页面测试功能来调试每个RESTful API. 使用Spring Boot可 ...
- 为TypeScript项目生成API文档
为TypeScript项目生成文档 使用typedoc为TypeScript项目生成API文档. 1. 使用typedoc生成HTML文档 需要安装 typedoc. npm i typedoc 可以 ...
- 各种开发API文档+开发工具
版权声明:本文为博主原创文章,转载请标明出处. https://blog.csdn.net/chaoyu168/article/details/51462377 各种开发API文档+开发工具,需要的自 ...
- 再见丑陋的 SwaggerUI,这款API文档生成神器界面更炫酷,逼格更高!
欢迎关注方志朋的博客,回复"666"获面试宝典 一般在使用 Spring Boot 开发前后端分离项目的时候,都会用到 Swagger.Swagger 是一个规范和完整的框架,用于 ...
- 先写API文档还是先写代码?你需要这款神器Apifox!
代码未动,文档先行 其实大家都知道 API 文档先行的重要性,但是在实践过程中往往会遇到很多困难. 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因是 ...
- 干掉 Postman?测试接口直接生成API文档,这个文档工具真香!
欢迎关注方志朋的博客,回复"666"获面试宝典 实不相瞒我的收藏夹里躺着很多优质的开源项目,我有个爱好平时遇到感兴趣的开源项目都会记录下来,然后有时间在慢慢研究.前几天刚给同事分享 ...
- 还在发愁写API文档?推荐一款阿里腾讯都在用的API管理神器!
欢迎关注方志朋的博客,回复"666"获面试宝典 前言 ❝ 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因:写文档短期收益远低于付 ...
- SpringBoot 第十篇: 用spring Restdocs创建API文档
这篇文章将带你了解如何用spring官方推荐的restdoc去生成api文档.本文创建一个简单的springboot工程,将http接口通过Api文档暴露出来.只需要通过 JUnit单元测试和Spri ...
最新文章
- java反编译工具_漫话:如何给女朋友解释什么是编译与反编译
- 全面理解SSD和NAND Flash
- Django基础,Day3 - 编写 django admin
- Socket.io 深入理解
- Xception,Inception-ResNet,SENet(Squeeze-and-Excitation)
- OpenGL基础44:光照矫正(上)
- mysql数据库存储数组_数据库索引的知识点,你所需要了解的都在这儿了
- SAPUI5教程——URLHelper的使用技巧
- 酒店管理系统java代码_基于Spring开发的Java酒店管理系统 源码下载
- 虚拟机VMware的下载、安装与卸载
- 有没有永久免费的云服务器?看完这篇文章你就明白了!
- 科学计算机算方差与期望,期望、方差、协方差及相关系数的基本运算
- XHTML的目标,规则和细节
- Deepin系统安装docker
- 新的时间处理工具joda
- 锂离子电池电压特性研究
- Wannafly挑战赛14 A:直角三棱锥
- 人工智能中的术语及缩略语
- 短视频开发SDK 架构设计实践
- 【动态规划】牛客NC20035打鼹鼠
热门文章
- freeCodeCamp “正向先行断言和负向先行断言“ 练习
- SBT 运行出现 module java.base does not “opens java.lang“ to unnamed module错误
- 科研不知娱乐滋味了,找找美剧看看
- JavaScript 的arguments
- 软件实现的施密特触发器
- 脱机使用计算机,电脑设备变成脱机状态的解决办法
- 解决m1芯片的macmini最新系统big sur 11.1外接双显示器外置显卡不能用的问题
- 2021年景德镇高考成绩查询时间,2021年景德镇陶瓷大学高考录取结果什么时候出来及查询系统入口...
- Replika Software完成从LVMH和欧莱雅的A轮融资
- 京东一面:Spring Boot 如何热加载jar实现动态插件?