Echarts中关于雷达图极坐标值相差过大时的图像展示问题

(本文原创-引用请注明出处 --zhangjieatbky)

  • 问题背景:在雷达图中的每个顶点的值相差过大时,数据展示中数据项很小的部分将很难区分出来,因此需要做区间处理,以每一个数量级为一个区间来展示数据
  •   1  //初始化函数
      2         init : function(ec,ecConfig){
      3             //页面初始化加载行业案件数量
      4             $.ajax({
      5                 url : getPath()+'/CaseAmountServlet.json?fillDataIntoRadar=true',
      6                 type: 'post',
      7                 data :{},
      8                 async : false,
      9                 success : function(e){
     10                     if(e['success']==false){
     11                          var objs = [];
     12                          var len = 0;
     13                          var pWidth = $('#chartmain').parent().width();
     14                           $('#chartmain').css('width',pWidth+'px');
     15                           $.myChart = ec.init(document.getElementById('chartmain'));
     16                     }else{
     17                         var objs = e['bean'];
     18                         var len = objs.length;
     19                         var pWidth = $('#chartmain').parent().width();
     20                         $('#chartmain').css('width',(pWidth*0.75)+'px');
     21                         $('#chartmain').before('<br>');
     22                         $.myChart = ec.init(document.getElementById('chartmain'));
     23                     }
     24                     var years = [];
     25                     var tempVal = '';
     26                     var date = new Date();
     27                     var year = date.getFullYear();
     28                     var month = date.getMonth()+1-1;
     29                     for(var i=0;i<5;i++){  //for(var i=0;i<len;i++){  取固定长度,代表近5年数据,即使某一年没有数据 
     30 //                        if(e['bean'][i]['CUR_TERM']!=tempVal){
          
     31 //                            years.push(e['bean'][i]['CUR_TERM']+'年');
     32 //                            tempVal = e['bean'][i]['CUR_TERM'];     //长度不一定为5
     33 //                        }
     34                         //不从后台取值,直接在前台判断
     35                         if(month==0){
     36                             year--;
     37                             month=12;
     38                         }
     39                         years.push((year-i)+'年');
     40                     }
     41                     //解析出value数组
     42                     var outerDataArr = [];
     43                     if(e['success']==false){  //为空
     44 //                         var outerDataArr = [[0,0,0,0,0],[0,1,0,0,0],[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0]];
     45 //                         var polarValue = 10;
     46                     }else{        //不为空
     47                         for(var i=0;i<years.length;i++){
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值