zoukankan      html  css  js  c++  java
  • echarts报表显示%+没有0

     function showTablegroup(page)
               {
                   
                   var series;
                    $.ajax({
                        type:'post',
                        url:"<%=basePath%>flowAction!RateOnTimeEchartsGroup",
                        dataType:'json',
                        async:'true',
                        data:{ 
                               'firstDate': $("#firstDate2").val(),
                               'secondDate': $("#secondDate2").val(),
                               'a': page
                            },
                             success:function(data){
                                
                                 var a=data[0].mapa;
                                
                            
                                 var series=[];
                                 for(var json in a){
                                     var s1={
                                                   name:a[json].name,type:'bar',
                                                   data:a[json].val,
                                                barWidth : 30,//柱图宽度
                                                   itemStyle: {
                                                       normal: {
                                                           label: {
                                                               show: true,//是否展示
                                                            formatter: function(data){
                                                                var a=data.data;
                                                                if(a>=1){
                                                                    c=a+"%";
                                                                    return c;
                                                                }else{
                                                                    return "";
                                                               }
                                                            },
                                                            position: 'top',
                                                               textStyle: {
                                                                      fontWeight:'bolder',
                                                                   fontSize : '12',
                                                                   fontFamily : '微软雅黑',
                                                               }
                                                           }
                                                      }
                                               
                                                   }
                                               
                                               }
                                    
                                     series.push(s1);
                                 }
                                        
                                     var change=function(arr){//当数据是0.00时,设置成空,则echarts不显示
                                         var b="";
                                         for (var i = 0; i < arr.length; i++) {
                                             for (var j = 0; j < arr[i].data.length; j++) {
                                                 if(arr[i].data[j]==='0' || arr[i].data[j]==='0.0000'){
                                                     arr[i].data[j]="";
                                                    }else{
                                                        
                                                        b=arr[i].data[j]*100+"";
                                                        arr[i].data[j]=b.substring(0,5);
                                                    }
                                            }
                                         }
                                            return arr;
                                        };
                             var myChart = echarts.init(document.getElementById('main2'));
                                var option = {
                                       tooltip : {
                                           trigger: 'axis'
                                       },
                                       legend: {
                                          orient: 'horizontal', // 
                                           x: 'left', // 'center' | 'left' | {number},
                                           y: 'top', // 'center' |  | {number}
                                           data:data[0].team,
                                       },
                                       toolbox: {
                                           show : true,
                                            show : true,
                                            orient: 'vertical', // 布局方式
                                             y: 'center', // 垂直安放位置,默认为全图顶端,可选为:
                                           feature : {
                                               dataView : {show: true, readOnly: false},
                                               magicType : {show: true, type: ['line', 'bar']},
                                               restore : {show: true},
                                               saveAsImage : {show: true}
                                           }
                                       },
                                       calculable : true,
                                    grid: {  
                                           y2: 140  
                                       },  
                                           xAxis : [
                                               {
                                                   type : 'category',
                                                   data : data[0].data,
                                                axisLabel:{  
                                                    interval:0,//横轴信息全部显示  
                                                    rotate:-30,//-30度角倾斜显示  
                                               }  
                                               }
                                           ],
                                       yAxis : [
                                           {
                                               type : 'value'
                                           }
                                       ],
                                       series :change(series)
                                   };
    
                                // 使用刚指定的配置项和数据显示图表。
                                   myChart.setOption(option); 
                    
                       }
                            
                    })
                    
                    
               }
  • 相关阅读:
    面试题:面试题归类 已看1 背1
    面试题:SSH项目总结 !=!=未看 没用
    面试题: 大公司面试 !=!=未看
    Java 重写paint绘图
    c语言中数组的定义和java中数组定义的一些区别
    Java GUI界面补充总结(不定期补充)
    JFrame 的层次结构 及 背景设置说明
    为什么内部类调用的外部变量必须是final修饰的?
    Java Calendar类的使用总结【转】
    String类为什么可以直接赋值
  • 原文地址:https://www.cnblogs.com/-flq/p/9981805.html
Copyright © 2011-2022 走看看