设置tooltip显示数据计算百分比

设置tooltip显示数据计算百分比

// modify tooltip data
          formatter: function (params, ticket, callback) {
            var htmlStr = '';
            for (var i = 0; i < params.length; i++) {
              // 排除第0项,第0项没有前一项	
              if (i > 0) {
                var pre_params = params[i - 1]
              }
              var param = params[i];
              var xName = param.name;//x轴的名称
              var seriesName = param.seriesName;//图例名称
              var value = param.value;//y轴值
              var color = param.color;//图例颜色
              if (i === 0) {
                htmlStr += xName + '
'
;//x轴的名称 } htmlStr += '
'; // 具体显示的数据【字段名称:seriesName,值:value】 // 这里判断一下name,如果是我们需要特殊处理的,就处理 if (value === 0) { htmlStr += seriesName; } else if (seriesName.indexOf('safeCount') >= 0) { // 计算百分比,并显示 // param.marker: set the little colorful circle in front of the text htmlStr += param.marker + 'safeCount' + value + '
'
+ 'safeRate: ' + ((value / pre_params.value) * 100).toFixed(2) + '%'; } else { // 正常显示的数据,走默认 htmlStr += '+ color + ';">'; htmlStr += seriesName + ':' + value; } htmlStr += '
'
; } return htmlStr; }

你可能感兴趣的:(js)