Echarts官方文档!
在官方文档:https://echarts.baidu.com/echarts2/doc/doc.html#categories
简介
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
名词解析
基本名词
名词 | 描述 |
---|---|
chart | 是指一个完整的图表,如折线图,饼图等“基本”图表类型或由基本图表组合而成的“混搭”图表,可能包括坐标轴、图例等 |
axis | 直角坐标系中的一个坐标轴,坐标轴可分为类目型、数值型或时间型 |
xAxis | 直角坐标系中的横轴,通常并默认为类目型 |
yAxis | 直角坐标系中的纵轴,通常并默认为数值型 |
grid | 直角坐标系中除坐标轴外的绘图网格,用于定义直角系整体布局 |
legend | 图例,表述数据和图形的关联 |
dataRange | 值域选择,常用于展现地域数据时选择值域范围 |
dataZoom | 数据区域缩放,常用于展现大量数据时选择可视范围 |
roamController | 缩放漫游组件,搭配地图使用 |
toolbox | 辅助工具箱,辅助功能,如添加标线,框选缩放等 |
tooltip | 气泡提示框,常用于展现更详细的数据 |
timeline | 时间轴,常用于展现同一系列数据在时间维度上的多份数据 |
series | 数据系列,一个图表可能包含多个系列,每一个系列可能包含多个数据 |
图表名词
名词 | 描述 |
---|---|
line | 折线图,堆积折线图,区域图,堆积区域图。 |
bar | 柱形图(纵向),堆积柱形图,条形图(横向),堆积条形图。 |
scatter | 散点图,气泡图。散点图至少需要横纵两个数据,更高维度数据加入时可以映射为颜色或大小,当映射到大小时则为气泡图 |
k | K线图,蜡烛图。常用于展现股票交易数据。 |
pie | 饼图,圆环图。饼图支持两种(半径、面积)南丁格尔玫瑰图模式。 |
radar | 雷达图,填充雷达图。高维度数据展现的常用图表。 |
chord | 和弦图。常用于展现关系数据,外层为圆环图,可体现数据占比关系,内层为各个扇形间相互连接的弦,可体现关系数据 |
force | 力导布局图。常用于展现复杂关系网络聚类布局。 |
map | 地图。内置世界地图、中国及中国34个省市自治区地图数据、可通过标准GeoJson扩展地图类型。支持svg扩展类地图应用,如室内地图、运动场、物件构造等。 |
heatmap | 热力图。用于展现密度分布信息,支持与地图、百度地图插件联合使用。 |
gauge | 仪表盘。用于展现关键指标数据,常见于BI类系统。 |
funnel | 漏斗图。用于展现数据经过筛选、过滤等流程处理后发生的数据变化,常见于BI类系统。 |
evnetRiver | 事件河流图。常用于展示具有时间属性的多个事件,以及事件随时间的演化。 |
treemap | 矩形式树状结构图,简称:矩形树图。用于展示树形数据结构,优势是能最大限度展示节点的尺寸特征。 |
venn | 韦恩图。用于展示集合以及它们的交集。 |
tree | 树图。用于展示树形数据结构各节点的层级关系 |
wordCloud | 词云。词云是关键词的视觉化描述,用于汇总用户生成的标签或一个网站的文字内容 |
图表类型
图表库标准包含单图表类型的标准图表以及多图表类型混合的混搭图表:
单图表类型:line
折线图 | 堆积折线图 | 区域图 | 堆积区域图 |
---|---|---|---|
单图表类型:bar
柱形图 | 堆积柱形图 | 条形图 | 堆积条形图 |
---|---|---|---|
单图表类型:scatter
散点图 | 气泡图 | |
---|---|---|
单图表类型:k
K线图 | |
---|---|
单图表类型:pie
饼图 | 圆环图 | 南丁格尔玫瑰图 |
---|---|---|
单图表类型:radar
雷达图 | 填充雷达图 |
---|---|
单图表类型:chord
和弦图 | |
---|---|
单图表类型:force
力导向布局图。 | ||
---|---|---|
单图表类型:map
中国地图 | 全国34个省市自治区 | 世界地图 |
---|---|---|
子区域模式 | 标准GeoJson扩展 | SVG扩展 |
单图表类型:heatmap
热力图 | ||
---|---|---|
单图表类型:gauge
仪表盘 | |
---|---|
单图表类型:funnel
漏斗图 | ||
---|---|---|
单图表类型:eventRiver
事件河流图 | ||
---|---|---|
单图表类型:treemap
矩形树图 | |
---|---|
单图表类型:venn
韦恩图类型 |
---|
单图表类型:tree
树图 | |
---|---|
单图表类型:wordCloud
字符云 | |
---|---|
Echarts官方文档!相关推荐
- ECharts官方文档及常用组件 柱状图联动
ECharts官方文档及常用组件 柱状图联动 导入js包 <!DOCTYPE html> <html><head><meta charset="ut ...
- Echarts官方文档
https://echarts.apache.org/zh/option.html#series-pie
- 反正你们写的都是没有即时演示的鸡肋教程,我为什么不去看官方文档?
By Conmajia 我就拿Vue举个栗子. Vue.js是什么,我想你多半知道,我也甭废话了. 这几天看到写Vue教程的文章突然多起来了.不过,就我所见,在这里发表的所有教程文章,都不支持即时演示 ...
- pyecharts中折线图Line参数大全(内附优秀范例和官方文档)
优秀范例:https://blog.csdn.net/weixin_44146276/article/details/102705998 关于折线的参数 def add_yaxis(# 系列名称,用于 ...
- OpenCV-Python官方文档学习笔记(上)
整理自OpenCV-Python官方文档 一. OpenCV-Python Tutorials 1 安装及验证 2 图片读写,展示 3 视频读写,展示 4 绘图功能(绘制几何形状:线.圆.椭圆.矩形. ...
- Ant Design 入门-参照官方文档使用组件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 先来一个按钮组件使用的对比,官方文档的(不能直接用)和实际能用的. 官网demo: import { Tabl ...
- 坑爹的微软官方文档:SQL无人值守安装
我在部署项目的时候,需要用批处理无人值守安装SQLserver,.Net等组件. 于是查了微软官方文档,其中一项内容如下: http://msdn.microsoft.com/zh-cn/librar ...
- Tomcat官方文档关于数据源配置的内容
虽然有网上有网友自己总结的文章,但说明得总是不够清晰,还是参考官方文档理解得比较透彻: http://tomcat.apache.org/tomcat-7.0-doc/jdbc-pool.html h ...
- python-66:BS4实例--下载BS4官方文档
2019独角兽企业重金招聘Python工程师标准>>> 前面已经对BS4有了简单的认识和讲解,该讲的都讲了,原本也已经想好了一个实例,但是现在想往后推一推,因为我实在受不了了,我们前 ...
- k8s多master建议用几个_Kubernetes 教程之跟着官方文档从零搭建 K8S
前言 本文将带领读者一起, 参照者 Kubernetes 官方文档, 对其安装部署进行讲解. Kubernetes 更新迭代很快, 书上.网上等教程可能并不能适用于新版本, 但官方文档能. 阅读这篇文 ...
最新文章
- 【error】error: field * has incomplete type
- 【控制】二阶 UGV 的无穷时间状态输入性能最优解算
- 二值图像连通 C语言,二值图像统计连通区域C语言版
- 父元素 高度固定,如何使其中的文字垂直居中?
- 尾气冒黑烟是什么问题_汽车排气管冒大量白烟?车肯定有问题
- 网友直呼太贵!华为nova 8系列发布:麒麟985+66W快充
- jQuery-瀑布流-绝对定位布局(二)(延迟AJAX加载图片)
- NLP技术在金融资管领域的落地实践
- C语言实现密码字典生成器
- 推荐几个更新比我勤快的优质产品号
- 【算法】03 SCE-UA算法C++实现
- 如何利用ikuai将闲置电脑配作软路由器?
- 圆圈头像制作css,通过CSS3实现圆形头像显示
- 查看360极速浏览器已保存的星号密码明文
- 前端系列——vue2+高德地图web端开发(地图控件)
- Go语言如何快速对接短信接口
- matlab 莫比乌斯带,教师数学论文,关于高等数学教学中运用多媒体手段相关参考文献资料-免费论文范文...
- 基于java的农村养老保险系统 ssh框架
- Python_封装案例(小明爱跑步)
- 顶会中的对比学习论文-2