{ "id": { "desc": "

组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。

\n" }, "show": { "desc": "\n\n

是否显示直角坐标系网格。

\n", "uiControl": { "type": "boolean", "default": "false" } }, "zlevel": { "desc": "

所有图形的 zlevel 值。

\n

zlevel用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。

\n

zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。

\n" }, "z": { "desc": "

组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。

\n

z相比zlevel优先级更低,而且不会创建新的 Canvas。

\n" }, "left": { "desc": "\n\n

grid 组件离容器左侧的距离。

\n

left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'left', 'center', 'right'

\n

如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。

\n", "uiControl": { "type": "percent", "default": "0%" } }, "top": { "desc": "\n\n

grid 组件离容器上侧的距离。

\n

top 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'top', 'middle', 'bottom'

\n

如果 top 的值为'top', 'middle', 'bottom',组件会根据相应的位置自动对齐。

\n", "uiControl": { "type": "percent", "default": "0%" } }, "right": { "desc": "\n\n

grid 组件离容器右侧的距离。

\n

right 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。

\n", "uiControl": { "type": "percent", "default": "0%" } }, "bottom": { "desc": "\n\n

grid 组件离容器下侧的距离。

\n

bottom 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。

\n", "uiControl": { "type": "percent", "default": "0%" } }, "width": { "desc": "\n\n

grid 组件的宽度。默认自适应。

\n", "uiControl": { "type": "percent", "default": "50%" } }, "height": { "desc": "\n\n

grid 组件的高度。默认自适应。

\n", "uiControl": { "type": "percent", "default": "50%" } }, "containLabel": { "desc": "\n\n

grid 区域是否包含坐标轴的刻度标签

\n\n", "uiControl": { "type": "boolean", "default": "false" } }, "backgroundColor": { "desc": "\n\n

网格背景色,默认透明。

\n
\n

颜色可以使用 RGB 表示,比如 'rgb(128, 128, 128)' ,如果想要加上 alpha 通道,可以使用 RGBA,比如 'rgba(128, 128, 128, 0.5)',也可以使用十六进制格式,比如 '#ccc'

\n
\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "color" } }, "borderColor": { "desc": "\n\n

网格的边框颜色。支持的颜色格式同 backgroundColor。

\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "color", "default": "#ccc" } }, "borderWidth": { "desc": "\n\n

网格的边框线宽。

\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "number", "default": "1", "min": "0", "step": "0.5" } }, "shadowBlur": { "desc": "\n\n

图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

\n

示例:

\n
{\n    shadowColor: 'rgba(0, 0, 0, 0.5)',\n    shadowBlur: 10\n}\n
\n

注意:此配置项生效的前提是,设置了 show: true 以及值不为 tranparent 的背景色 backgroundColor

\n", "uiControl": { "type": "number", "default": "", "min": "0", "step": "0.5" } }, "shadowColor": { "desc": "\n\n

阴影颜色。支持的格式同color

\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "color", "default": "" } }, "shadowOffsetX": { "desc": "\n\n

阴影水平方向上的偏移距离。

\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "number", "default": "0", "step": "0.5" } }, "shadowOffsetY": { "desc": "\n\n

阴影垂直方向上的偏移距离。

\n

注意:此配置项生效的前提是,设置了 show: true

\n", "uiControl": { "type": "number", "default": "0", "step": "0.5" } }, "tooltip": { "desc": "

本坐标系特定的 tooltip 设定。

\n
\n

提示框组件的通用介绍:

\n

提示框组件可以设置在多种地方:

\n\n
\n" }, "tooltip.show": { "desc": "\n\n

是否显示提示框组件,包括提示框浮层和 axisPointer

\n", "uiControl": { "type": "boolean", "default": "true" } }, "tooltip.trigger": { "desc": "\n\n

触发类型。

\n

可选:

\n\n", "uiControl": { "type": "enum", "options": "item,axis,none", "default": "item" } }, "tooltip.axisPointer": { "desc": "

坐标轴指示器配置项。

\n

tooltip.axisPointer 是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能,都可以通过轴上的 axisPointer 配置项完成(例如 xAxis.axisPointerangleAxis.axisPointer)。但是使用 tooltip.axisPointer 在简单场景下会更方便一些。

\n
\n

注意: tooltip.axisPointer 中诸配置项的优先级低于轴上的 axisPointer 的配置项。

\n
\n
\n

坐标轴指示器是指示坐标轴当前刻度的工具。

\n

如下例,鼠标悬浮到图上,可以出现标线和刻度文本。

\n