一 帮助中心
注册钉钉
大屏柱状图实现一对多的效果
目前大屏内实现需要通过数据过滤器实现,以下是参考案例,组件选择柱状图组件:
数据过滤器添加代码:
注:"部门中文"需要对应自己组件值内容更改
效果:
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
热门搜索
云视频会议和mcu实现的传统视频会议
阿里钉钉的缺点
钉钉的特点
正规考勤表格式图片
填写考勤卡的通知
视频会议的组成部分
装刷脸考勤机的利与弊
流感的主要表现
钉钉签到范围是多大
考勤表的图片
热门问题分类
小程序
年会季活动
同学群
公告
多乘单
工作圈
钉钉未来校园
0元购活动
支付宝办公服务
钉钉支付宝(钱包)
相关问题
报销类型如何自定义?
请假流程可以设置提示文字吗?
如何设置DING个性语音?
管理员个人认证后团队可添加的通讯录人数是多少?
能否更换投屏的背景和能否可以是扩展屏
打完卡后,M2屏幕上显示的表情能取消么?
为什么提示组织勋章功能未启用?
打卡后页面显示的图标代表什么意思?
日志中如何设置百分比的计算?
如何ding手机通讯录的人?
移动版:
大屏柱状图实现一对多的效果
让您的团队免费使用钉钉
注册钉钉