zoukankan      html  css  js  c++  java
  • echart的tooltip自定义换行

    自定义换行,内容很长的时候

    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        },
        textStyle:{
        	align:'left'
        },
        formatter:function (params) {
            var newParamsName ='';
            var title = '';
            var titleLength = params[0].name.length;
            var rowCount = 20;
            var rowNumber = Math.ceil(titleLength / rowCount);
            if(titleLength>rowCount){
              for (var i = 0; i < rowNumber; i++) {
                   var tempStr = "";
                   var start = i * rowCount;
                   var end = start + rowCount;
                   if (i == rowNumber - 1) {
                       tempStr = params[0].name.substring(start, titleLength);
                   } else {
                       tempStr = params[0].name.substring(start, end) + "</br>";
                   }
                   newParamsName += tempStr;
                }
          }else {
            newParamsName = params[0].name;
          }
          //返回小圆圈和后面的数量       return (newParamsName+"</br>"             +"<span style='display:inline-block;margin-right:5px;border-radius:10px;9px;height:9px;background-color:"+params[0]['color']+"'></span>"+             "汇总:"+params[0]['value']); },

     效果:

  • 相关阅读:
    矩阵乘法
    年关了,抛一个模拟ip刷票的php程序
    mysql处理大数据合并的另一种方法
    php之aop实践
    轻量级php框架phpk v1.0发布
    eclipse
    super关键字的使用
    方法的重写
    方法的重载
    java 构造器 (构造方法)
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9188406.html
Copyright © 2011-2022 走看看