首页 前端知识 Echarts折线图数值后添加单位

Echarts折线图数值后添加单位

2024-09-04 23:09:46 前端知识 前端哥 502 22 我要收藏


 

//温度、湿度、风速、风向、气压、照度单位
let getUnitType = (type,value) => {
  type = Number(type);
  var unit = '';
  switch (type) {
    case 209033:
      unit = '℃';
      break;
    case 209034:
      unit = '%';
      break;
    case 209035:
      unit = 'm/s';
      break;
    case 209036:
      unit = getWindDirection(value);
      break;
    case 209037:
      unit = 'HPa';
      break;
    case 200088:
      unit = 'Lux';
      break;
  }
  return unit;
};

 法1:

    tooltip: {
      trigger: 'axis',
      formatter: function (params) {
        var relVal = params[0].name
        for (var i = 0, l = params.length; i < l; i++) {
          relVal += '<br/>' + params[i].marker + params[i].value + getUnitType(pollutionTypeMap1New[pltKey],params[i].value)
        }
        return relVal
      }
    },

 法2:
 

    tooltip: {
      trigger: 'axis',
      formatter: function (obj) {
        let arr = obj.map((item, i) => {
          return (
            item.marker +
            item.value +
            '(' +
            getUnitType(pollutionTypeMap1New[pltKey],item.value) +
            ')' +
            '<br>'
          );
        });
        return obj[0].name + '<br>' + arr.join(' ');
      },
    },

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17631.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!