zoukankan      html  css  js  c++  java
  • formatter动态拼接指示器名称

     1 //雷达指示器参数配置
     2 indicator:[
     3     {"name":"车辆已售","value":380,"max":500},
     4     {"name":"商家冒充个人","value":290,"max":500},
     5     {"name":"商家服务态度差","value":450,"max":500},
     6     {"name":"电话无法接通","value":300,"max":500},
     7     {"name":"走私套牌抵押车","value":480,"max":500},
     8     {"name":"价格高于标价","value":200,"max":500},
     9     {"name":"卖新车","value":350,"max":500},
    10     {"name":"图片与车款不符合","value":333,"max":500}
    11 ]
    12 name: {
    13     textStyle: {
    14         color: '#999',
    15         backgroundColor: 'transparent'
    16         // borderRadius: 3,
    17         // padding: [3, 5]
    18    },
    19    formatter:function(value,indicator){
    20            //指示器名称过长截取
    21         value = value.replace(/\S{4}/g, function(match) {
    22             return match + '\n'
    23         })
    24         // value = value + '\n' + indicator.value;
    25         return '{a|'+value+'}'+ '\n' + '{b|'+indicator.value+'}'
    26     },
    27     //富文本编辑 修改文字展示样式
    28     rich:{
    29         a:{
    30             color:"#999",
    31             fontSize:12,
    32             align: "center"
    33 
    34         },
    35         b:{
    36             color:"#333",
    37             fontSize:17,
    38             align: "center"
    39         }
    40     }
    41 }
    42 formatter回调参数:
    43 value:返回indicator指示器的name值 如:车辆已售
    44 indicator: 返回雷达指示器的所有参数 如:{"name":"车辆已售","value":380,"max":500}
    45 rich定义富文本样式
    46 可区分引用rich里面定义的样式 如上
  • 相关阅读:
    7 MSSQL数据库备份与恢复
    6.Netbackup-Oracle数据库恢复演练报告(下)
    5、Oracle备份(oracle备份脚本配置)
    1.6 NBU Catalog备份还原
    标示符和关键字的总结--希望别再犯错
    JDBC_基础6步骤- 及优化
    算法总结
    bootstrap-全局CSS&js插件
    bootstrap入门&栅格系统
    JavaScript中的事件
  • 原文地址:https://www.cnblogs.com/ndh074512/p/15599010.html
Copyright © 2011-2022 走看看