课程表示例
该报表通过使用矩表、矩表的单元格合并、容器和直线的合理布局实现小学课程表的实现
1. 数据准备
新增数据源并添加到数据集。
(1)数据源配置:
数据源属性 | 属性值 |
---|---|
Web API地址 | https://result.eolink.com/jLwe6LL471d5112ef61d6b2ebe579a5190be3ee81164537?uri=/preschool-surface |
请求方法 | GET |
JSON路径 | $.data[*] |
JSON数据:
{
"success": true,
"code": 200,
"message": "successful",
"data": [{
"id": "1",
"preschool": "学前班",
"class1": "一",
"class2": "二",
"class3": "三",
"class4": "四",
"class5": "五",
"class6": "六"
}],
"count": 1
}
注意:数值型数据不要添加双引号。
(2)数据源配置:
数据源属性 | 属性值 |
---|---|
Web API地址 | https://result.eolink.com/jLwe6LL471d5112ef61d6b2ebe579a5190be3ee81164537?uri=/course-arrange |
请求方法 | GET |
JSON路径 | $.data[*] |
JSON数据:
{
"success": true,
"code": 200,
"message": "successful",
"data": [{
"id": "1",
"earlyReading": "早读",
"time": "7:50--8:30",
"music": "音乐",
"time1": "8:30--8.50",
"morningmeeting": "晨会",
"time2": "8.50\n至\n9.30",
"language": "语言",
"time3": "9.40\n至\n10.20",
"math": "数学",
"time4": "10.30\n至\n11.10",
"society": "社会",
"time5": "13.40\n至\n14.20",
"manual": "手工",
"time6": "14.30\n至\n15.10",
"art": "美术",
"time7": "15.20\n至\n16.00",
"time8": "16.00\n至\n16.30",
"largeactivities": "大课间活动",
"time9": "12:30--13.30",
"lunchbreak": "午休",
"time10": "14:20--14.30",
"breakout": "课间操"
}],
"count": 1
}
注意:数值型数据不要添加双引号。
2.表角斜线设置
表角斜线:主要用到线条、容器、文本框
添加四根线条 到容器中设置格式 并在容器中用标签添加字体
注意:要选中容器添加文本框
效果: