大屏开发-数据可视化平台

新建模板：文件-新建其他模板-新建决策报表-新建空白模板-确定
布局方式：模板-PC端自适应属性-布局方式:绝对布局-报表缩放设置:双向自适应-设置方式:为该模板单独设置-字体:不自适应
背景设置：组件设置-body-背景设置-自定义-选择图片-拉伸
组件样式（背景）设置：属性-样式设置-自定义-主体填充-图片-选择图片-拉伸-不透明度100-外沿样式-内边距0
添加数据：内置数据集-表设计:设置表结构（列名，数据类型），插入行:添加数据

添加图表轮播

界面设计

PC端预览

移动端开发-学生成绩

设置移动端属性：模板-移动端属性-勾选设置为手机端模板-自适应属性自动匹配-确定

准备数据集

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
显示班级 
select * from stscore 

折线图 
select classno,course,avg(grade) from stscore 
where classno='${班级}' 
group by classno,course 

列表 
select * from stscore where classno='${班级}' 

柱状图 
select classno,course,sex,avg(grade) from stscore 
where classno='${班级}' ${if(len(科目)==0,""," and course='"+科目+"'")} 
group by classno,course,sex

设计界面

移动端效果预览

点击不同的班级可以查看不同班级的数据
点击折线图中的分类，可以联动 柱形图和明细发⽣变化