一 帮助中心
注册钉钉
大屏柱状图实现一对多的效果
目前大屏内实现需要通过数据过滤器实现,以下是参考案例,组件选择柱状图组件:
数据过滤器添加代码:
注:"部门中文"需要对应自己组件值内容更改
效果:
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
热门搜索
局域网视频会议的优点
普通感冒和流感的最大区别
钉钉的特点
有办法用数据表做成考勤表吗
异地备份
可签到的钉钉电脑版
视频会议的特点
钉钉打电话用连网吗
视频会议开多长时间比较适合
考勤表的图片
热门问题分类
加密相关
部署专家
钉钉支付宝(钱包)
阿里校招
青骄第二课堂
工作圈
钉钉运动
红包
华数钉钉课堂
知识库
相关问题
能量兑换的双11红包怎么用?
投屏盒子怎么重置?
外部联系人的地址能设置定位吗?
钉钉支持发送动态图吗?
聊天窗口里的发送代码片段功能是什么?
日志支持填写多少字?
如何查看之前的聊天图片?
如何更换佩戴的勋章?
日志中如何设置百分比的计算?
工作圈的评论是否支持图片?
移动版:
大屏柱状图实现一对多的效果
让您的团队免费使用钉钉
注册钉钉