Echarts改变Y轴坐标的数据

option

option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['车流量','人流量']
        },
        toolbox: {
            show: true,

        },
        xAxis:  {
            type: 'category',
            boundaryGap: false,
            data: ["08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00"]
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                 formatter: function(v){
                     return  tranNumber(v);
                 }
            }
        },
        series: [
            {
                name:'车流量',
                type:'line',
                data:[0,0,10000,3000,30000,30000,30000,30000,30000,30000,30000,30000,30000],
               
            },
            {
                name:'人流量',
                type:'line',
                data:[153,4000,4000,15000,4000,4000,4000,4000,4000,4000,4000,4000],
                
            }
        ]
    
};

主要:

yAxis: {
            type: 'value',
            axisLabel: {
                 formatter: function(v){
                     return  tranNumber(v);
                 }
            }
        }

tranNumber()方法

function tranNumber(num){
    var numStr = num.toString();
    // 十万以内直接返回
    if (numStr.length <5 ) {
        return numStr;
    }
    //大于8位数是亿
    else if (numStr.length > 8) {
        var decimal = numStr.substring(numStr.length - 8, numStr.length - 8 );
        return parseFloat(parseInt(num / 100000000) + '.' + decimal) + '亿';
    }
    //大于6位数是十万 (以10W分割 10W以下全部显示)
    else if (numStr.length > 5) {
        var decimal = numStr.substring(numStr.length - 4, numStr.length - 4)
        return parseFloat(parseInt(num / 10000) + '.' + decimal) + '万';
    }else if(numStr.length == 5){
        var decimal = numStr.substring(numStr.length - 3, numStr.length - 4)
        return parseFloat(parseInt(num / 10000) + '.' + decimal) + '万';
 
        
    }
   
};

图例

  • 7
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值