title 标题
- show 是否展示，值为’true’,’false’
- text 标题的内容,值为字符串
- link 要跳转的地址
- target 配合link使用，是否以新窗口的方式打开新的链接
- textStyle 设置标题的样式，值为对象{}
- subtext 副标题
- sublink 副标题链接
- subtarget 配合sublink使用，是否以新窗口的方式打开新的链接
- subStyle 设置副标题的样式
- textAlign 整体的水平对其方式，包括标题和副标题，值有’auto’,’left’,’right’,’center’
- textVerticalAign 整体的垂直对其方式，包括标题和副标题，值有’auto’,’top’,’bottom’,’middle’
- triggerEvent 是否触发事件
- padding 标题内边距
- itemGap 标题与副标题之间的距离
- zlevel 所有图形的z轴值
- left title组件距离左边框的距离
- top title组件距离上边距的距离
- right title组件距离右边距的距离
- bottom title组件距离下边距的距离
- backgroundColor title组件的背景颜色
- borderColor 边框颜色
- borderWidth 边框宽度
- borderRadius 圆角半径
- shadowColor 阴影颜色
- shadowOffsetX 阴影在水平位置上的偏移
-
legend 图例
type 图例的类型，可选值有’plain’,’scroll’，’plain’为普通图例，’scroll’为滚动翻页图例，在图例数量较多时使用
- show 是否显示，值有’true’,’false’
- zlevel 所有图形的z轴的值
- left legend组件距离左边框的距离
- top legend组件距离上边距的距离
- right legend组件距离右边距的距离
- bottom legend组件距离下边距的距离
- width legend图例组件的宽度，默认自适应
- height legend图例组件的高度，默认自适应
- orient legend图例组件的布局方向，’horizontal’为水平布局，’vertical’为垂直布局
- align 图例标记的对其方式
- padding legend图例标记的内边距
- itemGap legend图例每个图例之间的距离
- itemWidth legend图例每个图例的宽度
- itemHeight legend图例每个图例的高度
- itemStyle legend图例每个图例的样式
- textStyle legend图例的公用文本样式
- tooltip legend图例的tooltip配置，配置项同tooltip
icon legend图例项的icon，echarts提供的值有,’circle’,’rect’,’roundRect’,’triangle’,’diamond’,’pin’,’arrow’,’none’,也可以通过’image://url’设置为图片的链接，如
'image://http://xxx.xxx.xxx/a/b.png'
data legend图例的数据，值为数组[],数组中的每个值以对象的形式展示
- backgroundColor 背景颜色
- borderWidth 边框宽度
- borderColor 边框颜色
- borderRadius 圆角半径
- shadowColor 阴影颜色
- shadowOffsetX 阴影在水平方向上的偏移
-
grid 网格
show 是否显示直角坐标系网格
- zlevel 所有图形的z轴的值
- left 网格距离左边框的距离
- top 网格距离上边框的距离
- right 网格距离右边框的距离
- bottom 网格距离下边框的距离
- width 网格的宽度，默认为’50%’
- height 网格的高度，默认为’50%’
- backgroundColor 背景颜色
- borderWidth 边框宽度
- borderColor 边框颜色
- shadowColor 阴影颜色
- shadowOffsetX 阴影在水平方向上的偏移
- shadowOffsetY 阴影在垂直方向上的偏移
-
xAxis x轴
show 是否显示x轴
- gridIndex x轴所在的grid的索引，默认为第一个grid
- position x轴的位置，值有’top’,’bottom’
- offset x轴相对于默认位置的偏移值
- type x轴数值的类型
- name 坐标轴的名称
- nameLocation 坐标轴名称所在的位置，值有’start’,’middle’,’center’,’end’
- nameTextStyle 坐标轴名称的样式
- nameGap 坐标轴名称距离坐标轴的距离
- nameRotate 坐标轴名称的旋转角度
- inverse 坐标轴数值是否倒序
- boundaryGap 坐标轴两侧的留白
- min 当类型为’value’时有效，设置坐标轴的最小值
- max 当类型为’value’时有效，设置坐标轴的最大值
- scale 当类型为’value’时有效，脱离0值比例
- interval 当类型为’value’时有效，设置分割间隔
- logBase 当类型为’log’时有效，设置log基数
- triggerEvent 坐标轴的标签是否响应和触发鼠标事件，默认不响应
- axisLine 坐标轴线相关的设置
- axisTick 坐标轴刻度相关的设置
- axisLabel 坐标轴刻度标签相关的设置
- splitLine 坐标轴在grid区域中的分割线
- splitArea 坐标轴在grid区域中的分割区域，默认不显示
- data 坐标轴类型为’category’时有效，设置坐标轴的值
-
yAxis y轴
show 是否显示x轴
- gridIndex x轴所在的grid的索引，默认为第一个grid
- position x轴的位置，值有’top’,’bottom’
- offset x轴相对于默认位置的偏移值
- type x轴数值的类型
- name 坐标轴的名称
- nameLocation 坐标轴名称所在的位置，值有’start’,’middle’,’center’,’end’
- nameTextStyle 坐标轴名称的样式
- nameGap 坐标轴名称距离坐标轴的距离
- nameRotate 坐标轴名称的旋转角度
- inverse 坐标轴数值是否倒序
- boundaryGap 坐标轴两侧的留白
- min 当类型为’value’时有效，设置坐标轴的最小值
- max 当类型为’value’时有效，设置坐标轴的最大值
- scale 当类型为’value’时有效，脱离0值比例
- interval 当类型为’value’时有效，设置分割间隔
- logBase 当类型为’log’时有效，设置log基数
- triggerEvent 坐标轴的标签是否响应和触发鼠标事件，默认不响应
- axisLine 坐标轴线相关的设置
- axisTick 坐标轴刻度相关的设置
- axisLabel 坐标轴刻度标签相关的设置
- splitLine 坐标轴在grid区域中的分割线
- splitArea 坐标轴在grid区域中的分割区域，默认不显示
data 坐标轴类型为’category’时有效，设置坐标轴的值
radar 雷达图组件，只用于雷达图
zlevel 所有图形的z值
- center 雷达图的圆心，值为数组，第一个值为x轴坐标，第二个值为y轴坐标
- radius 雷达图的半径，百分比的参考为容器的宽和高中较小的一个值的一半对应的百分比
- startAngle 坐标系的起始角度
- name 雷达图每个指示器名称的配置项
- nameGap 指示器名称与指示器轴的距离
- shape 指示器的绘制类型，支持’polygon’和’circle’，’polygon’为多边形
- scale 是否脱离0值比例
- triggerEvent 是否响应和触发鼠标事件，默认不响应
- axisLine 坐标轴线相关设置
- axisTick 坐标轴刻度相关设置
-
dataZoom 缩放比例
tooltip 提示框
show 是否显示
trigger 触发类型，主要在散点图，饼图等无类目轴的图表中使用
toolbox 工具栏
show 是否显示
- orient 布局方向
- itemSize 工具栏icon的大小
- itemGap 工具栏icon每项之间的间隔
- feature 各工具配置项
-
geo 地图
series 系列
若有收获，就点个赞吧
0 人点赞
