其他分享
首页 > 其他分享> > echarts-封装组织dataset的工具类

echarts-封装组织dataset的工具类

作者:互联网

首先   过滤 排序拿到 filtersource

funcation getDatasetSource(维度x,filtersource,){
const sourceLists: Recordable[] = [];
for(let entity of 维度x){
var sourceList: any = [0, 0, 0, 0, 0, 0];
sourceList.splice(0, 1, entity);
  for(let obj of filtersource){
    if (obj.FailedType == entity) {
          switch (obj.Datasource) {
                case '生产项目':
                  sourceList.splice(1, 1, obj.sumValue);
                  break;
                default:
                  console.log('Unknown filter');
                  break;
              }
           }
  }
          sourceLists.push(sourceList);
}
    
    return sourceLists;
}    

每个指标的图例不一样所以单独抽象出配置图例的代码

//设置图例数据

function getLegend(sourceList,filtersource) 
for(let obj of filtersource){
    if (obj.FailedType == entity) {//x轴维度
          switch (obj.Datasource) {//图例维度
                case '生产项目'://都要自己按指标要求写
                  sourceList.splice(1, 1, obj.sumValue);
                  break;
                default:
                  console.log('Unknown filter');
                  break;
              }
           }
  }
return sourceList;
}

工具类终结版

funcation getDatasetSource(维度x,filtersource){
const sourceLists: Recordable[] = [];
for(let entity of 维度x){
var sourceList: any = [0, 0, 0, 0, 0, 0];
    sourceList.splice(0, 1, entity);
    sourceLists.push(getLegend(sourceList,filtersource));
}
    return sourceLists;
}    

 

标签:obj,sourceLists,封装,dataset,sourceList,维度,filtersource,entity,echarts
来源: https://www.cnblogs.com/origin-zy/p/16636088.html