美文网首页
Echarts 关于多个Y轴会叠加

Echarts 关于多个Y轴会叠加

作者: 残_忆 | 来源:发表于2019-08-15 17:05 被阅读0次

Y轴叠加


   yAxis: [
            {
              type: 'value',
              name: 'I',
              min: 0,
              max: Math.ceil(Math.max(...data1)/ 5)*5,
              interval: Math.ceil(Math.max(...data1)/ 5),
            },
            {
              type: 'value',
              name: 'P',
              axisLine:
                { // Y轴线
                    onZero: false,    //核心代码,让第二个Y轴去对面

                },
              min: 0,
              // position:"right",  //多个Y轴使用
              //offset:50,            //偏移px
              max:Math.ceil(Math.max(...data2)/ 5)*5,    //最大值   向上去整了再计算会出问题,所以就根据  interval  的值计算一次
              interval: Math.ceil(Math.max(...data2)/ 5),  //分成五份
            },

          ],

核心代码加进去就会解决Y轴刻度叠加的问题
上面也写了另个Y轴值都是分成5分向上取整了, 坐标线可能有偏差 拿interval的值再计算就不会出现问题

相关文章

网友评论

      本文标题:Echarts 关于多个Y轴会叠加

      本文链接:https://www.haomeiwen.com/subject/ezyqsctx.html