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文档相关推荐

  1. 疫情相关的api文档

    一.UI文档 vue各城市疫情数据可视化UI文档 密码:666666 参考项目--阿里云部署 二.前端参考文档 2.1 VUE大屏可视化适配方案 2.2 echarts模型参考文档(具体使用问王大佬) ...

  2. Spring Boot 集成Swagger2生成RESTful API文档

    Swagger2可以在写代码的同时生成对应的RESTful API文档,方便开发人员参考,另外Swagger2也提供了强大的页面测试功能来调试每个RESTful API. 使用Spring Boot可 ...

  3. 为TypeScript项目生成API文档

    为TypeScript项目生成文档 使用typedoc为TypeScript项目生成API文档. 1. 使用typedoc生成HTML文档 需要安装 typedoc. npm i typedoc 可以 ...

  4. 各种开发API文档+开发工具

    版权声明:本文为博主原创文章,转载请标明出处. https://blog.csdn.net/chaoyu168/article/details/51462377 各种开发API文档+开发工具,需要的自 ...

  5. 再见丑陋的 SwaggerUI,这款API文档生成神器界面更炫酷,逼格更高!

    欢迎关注方志朋的博客,回复"666"获面试宝典 一般在使用 Spring Boot 开发前后端分离项目的时候,都会用到 Swagger.Swagger 是一个规范和完整的框架,用于 ...

  6. 先写API文档还是先写代码?你需要这款神器Apifox!

    代码未动,文档先行 其实大家都知道 API 文档先行的重要性,但是在实践过程中往往会遇到很多困难. 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因是 ...

  7. 干掉 Postman?测试接口直接生成API文档,这个文档工具真香!

    欢迎关注方志朋的博客,回复"666"获面试宝典 实不相瞒我的收藏夹里躺着很多优质的开源项目,我有个爱好平时遇到感兴趣的开源项目都会记录下来,然后有时间在慢慢研究.前几天刚给同事分享 ...

  8. 还在发愁写API文档?推荐一款阿里腾讯都在用的API管理神器!

    欢迎关注方志朋的博客,回复"666"获面试宝典 前言 ❝ 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因:写文档短期收益远低于付 ...

  9. SpringBoot 第十篇: 用spring Restdocs创建API文档

    这篇文章将带你了解如何用spring官方推荐的restdoc去生成api文档.本文创建一个简单的springboot工程,将http接口通过Api文档暴露出来.只需要通过 JUnit单元测试和Spri ...

最新文章

  1. java反编译工具_漫话:如何给女朋友解释什么是编译与反编译
  2. 全面理解SSD和NAND Flash
  3. Django基础,Day3 - 编写 django admin
  4. Socket.io 深入理解
  5. Xception,Inception-ResNet,SENet(Squeeze-and-Excitation)
  6. OpenGL基础44:光照矫正(上)
  7. mysql数据库存储数组_数据库索引的知识点,你所需要了解的都在这儿了
  8. SAPUI5教程——URLHelper的使用技巧
  9. 酒店管理系统java代码_基于Spring开发的Java酒店管理系统 源码下载
  10. 虚拟机VMware的下载、安装与卸载
  11. 有没有永久免费的云服务器?看完这篇文章你就明白了!
  12. 科学计算机算方差与期望,期望、方差、协方差及相关系数的基本运算
  13. XHTML的目标,规则和细节
  14. Deepin系统安装docker
  15. 新的时间处理工具joda
  16. 锂离子电池电压特性研究
  17. Wannafly挑战赛14 A:直角三棱锥
  18. 人工智能中的术语及缩略语
  19. 短视频开发SDK 架构设计实践
  20. 【动态规划】牛客NC20035打鼹鼠

热门文章

  1. freeCodeCamp “正向先行断言和负向先行断言“ 练习
  2. SBT 运行出现 module java.base does not “opens java.lang“ to unnamed module错误
  3. 科研不知娱乐滋味了,找找美剧看看
  4. JavaScript 的arguments
  5. 软件实现的施密特触发器
  6. 脱机使用计算机,电脑设备变成脱机状态的解决办法
  7. 解决m1芯片的macmini最新系统big sur 11.1外接双显示器外置显卡不能用的问题
  8. 2021年景德镇高考成绩查询时间,2021年景德镇陶瓷大学高考录取结果什么时候出来及查询系统入口...
  9. Replika Software完成从LVMH和欧莱雅的A轮融资
  10. 京东一面:Spring Boot 如何热加载jar实现动态插件?