echarts双grid时添加多yAxis时报错:xAxis and yAxis must use the same grid

双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的索引位置(第二个)
            }
        ],             

再根据xAxisIndexyAxisIndex对应好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
            },
            
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值