双grid,双yAxis时报错: Uncaught Error: xAxis and yAxis must use the same grid
如下有两个grid
"grid": [
{
x: '7%',
y: '7%',
width: "35%",
height: '70%',
left: '10%',
right: '10%',
top: "20%"
},
{
x2: '7%',
y2: '7%',
width: "35%",
height: '70%',
left: '60%',
right: '10%',
// bottom: '15%'
}
],
如下写x轴,y轴,根据gridIndex
对应上面的grid
"xAxis": [
{
"gridIndex": 0, //对应前面grid的索引位置(第一个)
},
{
"gridIndex": 0, //对应前面grid的索引位置(第一个)
},
{
"gridIndex": 1, //对应前面grid的索引位置(第二个)
}
],
"yAxis": [
{
"gridIndex": 0, //对应前面grid的索引位置(第一个)
},
{
"gridIndex": 1, //对应前面grid的索引位置(第二个)
}
],
再根据xAxisIndex
和yAxisIndex
对应好x轴,y轴
"series": [
{
"name": "实际数",
"type": "bar",
"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "red"
}
},
"data":data,
xAxisIndex: 0,
yAxisIndex: 0
},
{
"name": "实际数2",
"type": "bar",
"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "red"
}
},
"data":data,
xAxisIndex: 0,
yAxisIndex: 0
},
{
"name": "人数",
"type": "bar",
"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "red"
}
},
"data":data,
xAxisIndex: 1,
yAxisIndex: 1
},