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']); },

     效果:

  • 相关阅读:
    检测iphone设备是否越狱
    iphone震动提示
    单线,双线
    塔式服务器
    IPHONE锁屏控制代码
    iPhone开发之显示WiFi提示
    代码关闭程序的几种方法
    获取手机左边音量+ -按键的事件方法或私有api
    1u
    servlet在什么时候调用destroy()方法
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9188406.html
Copyright © 2011-2022 走看看