Echarts折线图数值后添加单位

东坡未成眠

已于 2022-12-27 10:26:16 修改

阅读量1.5k

点赞数 1

分类专栏： Echarts 文章标签： echarts

于 2022-12-27 10:17:56 首次发布

本文链接：https://blog.csdn.net/weixin_55508391/article/details/128452403

版权

Echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//温度、湿度、风速、风向、气压、照度单位
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(' ');
      },
    },