zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Echarts 关键词解释

echarts 解释 关键词
2023-09-11 14:14:50 时间

一个坐标系,可能由多个组件协作而成。我们以最常见的直角坐标系来举例。直角坐标系中,包括有 xAxis(直角坐标系 X 轴)、yAxis(直角坐标系 Y 轴)、grid(直角坐标系底板)三种组件。xAxisyAxis 被 grid 自动引用并组织起来,共同工作。

系列(series)

系列series)是很常见的名词。在 echarts 里,系列series)是指:一组数值以及他们映射成的图。“系列”这个词原本可能来源于“一系列的数据”,而在 echarts 中取其扩展的概念,不仅表示数据,也表示数据映射成为的图。所以,一个 系列 包含的要素至少有:一组数值、图表类型(series.type)、以及其他的关于这些数据如何映射成图的参数。

echarts 里系列类型(series.type)就是图表类型。系列类型(series.type)至少有:

系列(series)
line折线图是用折线将各个数据点标志连接起来的图表,用于展现数据的变化趋势。可用于直角坐标系极坐标系上。
bar柱状图(或称条形图)是一种通过柱形的高度(横向的情况下则是宽度)来表现数据大小的一种常用图表类型。
pie饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。
scatter

散点(气泡)图。直角坐标系上的散点图可以用来展现数据的 xy 之间的关系,如果数据项有多个维度,其它维度的值可以通过不同大小的 symbol 展现成气泡图,也可以用颜色来表现。这些可以配合 visualMap 组件完成。

可以应用在直角坐标系极坐标系地理坐标系上。

effectScatter带有涟漪特效动画的散点(气泡)图。利用动画特效可以将某些想要突出的数据进行视觉突出。
radar雷达图主要用于表现多变量的数据,例如球员的各个属性分析。依赖 radar 组件。
tree

树图主要用来可视化树形数据结构,是一种特殊的层次类型,具有唯一的根节点,左子树,和右子树。

注意:目前不支持在单个 series 中直接绘制森林,可以通过在一个 option 中配置多个 series 实现森林

treemapTreemap 是一种常见的表达『层级数据』『树状数据』的可视化形式。它主要用面积的方式,便于突出展现出『树』的各层级中重要的节点。
sunburst旭日图(Sunburst)由多层的环形图组成,在数据结构上,内圈是外圈的父节点。因此,它既能像饼图一样表现局部和整体的占比,又能像矩形树图一样表现层级关系。
boxplotBoxplot 中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』,是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。
candlestick

Candlestick 即我们常说的 K线图

在 ECharts3 中,同时支持 'candlestick' 和 'k'这两种 'series.type''k' 会被自动转为 'candlestick')。

heatmap

热力图

热力图主要通过颜色去表现数值的大小,必须要配合 visualMap 组件使用。

可以应用在直角坐标系以及地理坐标系上,这两个坐标系上的表现形式相差很大,直角坐标系上必须要使用两个类目轴。

map

地图。

地图主要用于地理区域数据的可视化,配合 visualMap 组件用于展示不同区域的人口分布密度等数据。

多个地图类型相同的系列会在同一地图上显示,这时候使用第一个系列的配置项作为地图绘制的配置。

Tip: 在 ECharts 3 中不再建议在地图类型的图表使用 markLine 和 markPoint。如果要实现点数据或者线数据的可视化,可以使用在地理坐标系组件上的散点图线图

parallel平行坐标系的系列。平行坐标系(Parallel Coordinates) 是一种常用的可视化高维数据的图表。
lines

路径图

用于带有起点和终点信息的线数据的绘制,主要用于地图上的航线,路线的可视化。

ECharts 2.x 里会用地图上的 markLine 去绘制迁徙效果,在 ECharts 3 里建议使用单独的 lines 类型图表。

graph

关系图

用于展现节点以及节点之间的关系数据。

series-sankey

桑基图

是一种特殊的流图(可以看作是有向无环图)。 它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态。

funnel漏斗图
gauge仪表盘
pictorialBar

象形柱图

象形柱图是可以设置各种具象图形元素(如图片、SVG PathData 等)的柱状图。往往用在信息图中。用于有至少一个类目轴或时间轴的直角坐标系上。

themeRiver

主题河流

是一种特殊的流图, 它主要用来表示事件或主题等在一段时间内的变化。

custom

自定义系列

自定义系列可以自定义系列中的图形元素渲染。从而能扩展出不同的图表。

同时,echarts 会统一管理图形的创建删除、动画、与其他组件(如 dataZoomvisualMap)的联动,使开发者不必纠结这些细节。

  

 

 


 

组件(component)

在系列之上,echarts 中各种内容,被抽象为“组件”。

我们注意到,其实系列(series)也是一种组件,可以理解为:系列是专门绘制“图”的组件。

注:因为系列是一种特殊的组件,所以有时候也会出现 “组件和系列” 这样的描述,这种语境下的 “组件” 是指:除了 “系列” 以外的其他组件 

 如下图,右侧的 option 中声明了各个组件(包括系列),各个组件就出现在图中。

 

组件(component)
xAxis直角坐标系 X 轴
yAxis直角坐标系 Y 轴
grid直角坐标系底板
angleAxis极坐标系角度轴
radiusAxis极坐标系半径轴
polar极坐标系底板
geo地理坐标系
dataZoom数据区缩放组件
visualMap视觉映射组件
tooltip提示框组件
toolbox工具栏组件
series系列
legend图例组件
title标题组件
timeline时间线组件