Echarts中柱状图两个y轴最大值、最小值、进值

最新推荐文章于 2024-05-08 13:49:58 发布

ZPY1020

最新推荐文章于 2024-05-08 13:49:58 发布

阅读量2.7k

点赞数

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_49155050/article/details/127246209

版权

（右边y轴为百分比）

在这里插入图片描述

封装函数

export function houseFormat(data1,data2) {
    let  sumVal=Math.max(...data1)
    let  maxnum=Math.max(...data2)

    let axisData={
        ymax:'', //y轴最大值
        ymin:0, //y轴最小值
        yinterval:'',  //y轴进值
        xmin:0, //x轴最小值
        xmax:'',  //x轴最大值
        xinterval:'', //x轴进值
    }
    if(sumVal>0){
        axisData.ymax=sumVal*1.2
    }else{
        axisData.ymax=5
    }
    axisData.yinterval=Math.ceil((axisData.ymax-axisData.ymin)/5)
    axisData.ymax=axisData.ymin+(axisData.yinterval*5)

    if(maxnum>0){
        axisData.xmax=maxnum*1.2
    }else{
        axisData.xmax=5
    }
    axisData.xinterval=Math.ceil((axisData.xmax-axisData.xmin)/5)
    axisData.xmax=axisData.xmin+(axisData.xinterval*5)
    console.log(axisData,'66')
    return axisData
}

## 使用
引入 mixins文件import {houseFormat,} from "@/mixins";
let axisData={}
axisData=houseFormat(list1,list2) //传入两个数组
        yAxis: [
          {
            type: "value",
            min: axisData.ymin,
            max: axisData.ymax,
            interval:axisData.yinterval,
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                // color: "#f4f4f4",
                fontSize: "14px"
              }
            }
          },
          {
            type: 'value',
            name: '',
            min: axisData.xmin,
            max: axisData.xmax,
            interval:axisData.xinterval,
            axisLabel: {
              formatter: '{value} %'
            }
          },
        ],