宜搭大屏柱状图实现一对多的效果
答案:

目前大屏内实现需要通过数据过滤器实现,以下是参考案例,组件选择柱状图组件:

数据过滤器添加代码:

注:"部门中文"需要对应自己组件值内容更改

效果:

JavaScript参考:

function objToArr(obj, name, value) {    
  const result = [];    

  for (const key in obj) {    
    if (key == '部门中文') {    

      continue    
    }    
    const item = {};    
    item[name] = key;    
    item[value] = obj[key];    
    item['x'] = obj['部门中文']    


    result.push(item);    
  }    
  return result    
}    

let res = []    
data.forEach(item => {    
  res.push.apply(res, objToArr(item, 'colorField', 'y'));    
})    
return res

让您的团队免费使用钉钉

注册钉钉