grid
直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。可以在网格上绘制折线图,柱状图,散点图(气泡图)。
这个grid相当于图表背景的网格图,我们可以通过设置属性来控制其显示效果。
- grid.show: [ default: false ] 是否显示直角坐标系网格。
- grid.zlevel: 组件的所有图形的 zlevel 值。
- grid.z: 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。
- grid.left: grid 组件离容器左侧的距离。
- grid.top: grid 组件离容器上侧的距离。
- grid.right: grid 组件离容器右侧的距离。
- grid.bottom: grid 组件离容器下侧的距离。
- grid.width: grid 组件的宽度。默认自适应。
- grid.containLabel: [ default: false ] grid 区域是否包含坐标轴的刻度标签,在无法确定坐标轴标签的宽度,容器有比较小无法预留较多空间的时候,可以设为 true 防止标签溢出容器。
- grid.backgroundColor: 网格背景色,默认透明。
- grid.borderColor: 网格的边框颜色。
- grid.borderWidth: 网格的边框线宽。
- grid.shadowBlur: 图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
itemStyle: { normal: { shadowColor: 'rgba(0, 0, 0, 0.5)', shadowBlur: 10 } }
- grid.shadowColor: 阴影颜色。
- grid.shadowOffsetX: 阴影水平方向上的偏移距离。
- grid.shadowOffsetY: 阴影垂直方向上的偏移距离。