{ "id": { "desc": "
组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。
\n" }, "show": { "desc": "\n\n是否显示直角坐标系网格。
\n", "uiControl": { "type": "boolean", "default": "false" } }, "zlevel": { "desc": "所有图形的 zlevel 值。
\nzlevel
用于 Canvas 分层,不同zlevel
值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel
。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。
zlevel
大的 Canvas 会放在 zlevel
小的 Canvas 的上面。
组件的所有图形的z
值。控制图形的前后顺序。z
值小的图形会被z
值大的图形覆盖。
z
相比zlevel
优先级更低,而且不会创建新的 Canvas。
grid 组件离容器左侧的距离。
\nleft
的值可以是像 20
这样的具体像素值,可以是像 '20%'
这样相对于容器高宽的百分比,也可以是 'left'
, 'center'
, 'right'
。
如果 left
的值为'left'
, 'center'
, 'right'
,组件会根据相应的位置自动对齐。
grid 组件离容器上侧的距离。
\ntop
的值可以是像 20
这样的具体像素值,可以是像 '20%'
这样相对于容器高宽的百分比,也可以是 'top'
, 'middle'
, 'bottom'
。
如果 top
的值为'top'
, 'middle'
, 'bottom'
,组件会根据相应的位置自动对齐。
grid 组件离容器右侧的距离。
\nright
的值可以是像 20
这样的具体像素值,可以是像 '20%'
这样相对于容器高宽的百分比。
grid 组件离容器下侧的距离。
\nbottom 的值可以是像 20
这样的具体像素值,可以是像 '20%'
这样相对于容器高宽的百分比。
grid 组件的宽度。默认自适应。
\n", "uiControl": { "type": "percent", "default": "50%" } }, "height": { "desc": "\n\ngrid 组件的高度。默认自适应。
\n", "uiControl": { "type": "percent", "default": "50%" } }, "containLabel": { "desc": "\n\ngrid 区域是否包含坐标轴的刻度标签。
\nfalse
的时候:grid.left
grid.right
grid.top
grid.bottom
grid.width
grid.height
决定的是由坐标轴形成的矩形的尺寸和位置。grid
进行对齐的场景,因为往往多个 grid
对齐的时候,是依据坐标轴来对齐的。true
的时候:grid.left
grid.right
grid.top
grid.bottom
grid.width
grid.height
决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。网格背景色,默认透明。
\n\n\n颜色可以使用 RGB 表示,比如
\n'rgb(128, 128, 128)'
,如果想要加上 alpha 通道,可以使用 RGBA,比如'rgba(128, 128, 128, 0.5)'
,也可以使用十六进制格式,比如'#ccc'
注意:此配置项生效的前提是,设置了 show: true
。
网格的边框颜色。支持的颜色格式同 backgroundColor。
\n注意:此配置项生效的前提是,设置了 show: true
。
网格的边框线宽。
\n注意:此配置项生效的前提是,设置了 show: true
。
图形阴影的模糊大小。该属性配合 shadowColor
,shadowOffsetX
, shadowOffsetY
一起设置图形的阴影效果。
示例:
\n{\n shadowColor: 'rgba(0, 0, 0, 0.5)',\n shadowBlur: 10\n}\n
\n注意:此配置项生效的前提是,设置了 show: true
以及值不为 tranparent
的背景色 backgroundColor
。
阴影颜色。支持的格式同color
。
注意:此配置项生效的前提是,设置了 show: true
。
阴影水平方向上的偏移距离。
\n注意:此配置项生效的前提是,设置了 show: true
。
阴影垂直方向上的偏移距离。
\n注意:此配置项生效的前提是,设置了 show: true
。
本坐标系特定的 tooltip 设定。
\n提示框组件的通用介绍:
\n提示框组件可以设置在多种地方:
\n可以设置在全局,即 tooltip
\n可以设置在坐标系中,即 grid.tooltip、polar.tooltip、single.tooltip
\n可以设置在系列中,即 series.tooltip
\n可以设置在系列的每个数据项中,即 series.data.tooltip
\n是否显示提示框组件,包括提示框浮层和 axisPointer。
\n", "uiControl": { "type": "boolean", "default": "true" } }, "tooltip.trigger": { "desc": "\n\n触发类型。
\n可选:
\n'item'
数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。
\n'axis'
坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。
\n在 ECharts 2.x 中只支持类目轴上使用 axis trigger,在 ECharts 3 中支持在直角坐标系和极坐标系上的所有类型的轴。并且可以通过 axisPointer.axis 指定坐标轴。
\n'none'
什么都不触发。
\n坐标轴指示器配置项。
\ntooltip.axisPointer
是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能,都可以通过轴上的 axisPointer 配置项完成(例如 xAxis.axisPointer 或 angleAxis.axisPointer)。但是使用 tooltip.axisPointer
在简单场景下会更方便一些。
\n\n注意:
\ntooltip.axisPointer
中诸配置项的优先级低于轴上的 axisPointer 的配置项。
坐标轴指示器是指示坐标轴当前刻度的工具。
\n如下例,鼠标悬浮到图上,可以出现标线和刻度文本。
\n