Echarts的配置解释 直角坐标系内绘图网格组件(grid)

一、直角坐标系内绘图网格组件(grid)

1、show(是否显示直角坐标系网格)

        用法：show： true | false

2、z(相当于z-index)

        用法：z: 2

3、left、right、top、bottom

        grid 组件离容器上下左右的距离

        用法： left： '20'

4、width(grip组件的宽度， 默认自适应)

        用法： width： 12 | "50%"

5、height(grip组件的高度， 默认自适应)

        用法： width： 12 | "50%"

6、containLabel(grid 区域是否包含坐标轴的刻度标签)

        用法：containLabel ： true | false

7、backgroundColor(网格的背景颜色 注意show要为true才行)

        用法：backgroundColor: "rgba(18, 232, 107, 1)"

8、borderColor(网格边框的颜色)

        用法：borderColor: "rgba(220, 28, 28, 1)"

9、borderWidth(网格的边框线宽)

        用法： borderWidth: 1.5

10、tooltip(提示框组件)

tooltip: { show: true }

(1)、show(是否显示提示框组件)

show: true | false 

(2)、trigger(触发类型)

trigger: 'none', // 什么都不触发
trigger: 'item', // 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用
trigger: 'axis', // 坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。

(3)、axisPointer(坐标轴指示器配置项)

axisPointer: {
    type: 'none'
}

①、type(指示器类型)

type: 'none' // 无指示器
type: 'line' // 直线指示器
type: 'shadow' // 阴影指示器
type: 'cross' // 十字准星指示器