Echarts 关于多个Y轴会叠加

2019-08-15  本文已影响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的值再计算就不会出现问题

上一篇 下一篇

猜你喜欢

热点阅读