簡介:
單個 grid 內最多可以放置上下兩個 X 軸,左右兩個 Y 軸,可以繪制折線,散點,柱狀圖
可以是對象,只繪制一個坐標系,可以是數組,繪制多個坐標系,如:
多個坐標系
多個X軸Y軸,要設置相應的xAxis和yAxis軸數據,并和series中對應上
例:
grid: [
{ left: '7%', top: '7%', width: '38%', height: '38%' },
{ right: '7%', top: '7%', width: '38%', height: '38%' },
{ left: '7%', bottom: '7%', width: '38%', height: '38%' },
{ right: '7%', bottom: '7%', width: '38%', height: '38%' }
],
xAxis: [
{ gridIndex: 0, min: 0, max: 20 },
{ gridIndex: 1, min: 0, max: 20 },
{ gridIndex: 2, min: 0, max: 20 },
{ gridIndex: 3, min: 0, max: 20 }
],
yAxis: [
{ gridIndex: 0, min: 0, max: 15 },
{ gridIndex: 1, min: 0, max: 15 },
{ gridIndex: 2, min: 0, max: 15 },
{ gridIndex: 3, min: 0, max: 15 }
],
series: [
{
name: 'I',
type: 'scatter',
xAxisIndex: 0,
yAxisIndex: 0,
...
},
{
name: 'II',
type: 'scatter',
xAxisIndex: 1,
yAxisIndex: 1,
...
},
{
name: 'III',
type: 'scatter',
xAxisIndex: 2,
yAxisIndex: 2,
...
},
{
name: 'IV',
type: 'scatter',
xAxisIndex: 3,
yAxisIndex: 3,
...
}
]
包含的屬性
grid的屬性
關于show影響的東西
只有當show為true時候,backgroundColor,border與shadow相關的才會顯示
關于containLabel屬性與left等的關系
1、containLabel為true時,left等屬性決定的是包括了坐標軸標簽在內的所有內容所形成的矩形的位置
2、containLabel為false時,left等屬性決定的是由坐標軸形成的矩形的尺寸和位置
坐標軸標簽