学习AppCube开发业务大屏
在华为云学习应用魔方AppCube开发业务大屏,开发的过程记录如下:
1.创建项目
打开AppCube网站:https://www.huaweicloud.com/product/appcube.html
点击“立即使用”,打开会有之前免费的AppCube实例
点击“进入开发环境”,打开进入应用魔方AppCube
这里可以创建不同类型的项目,也可以打开以前创建开发应用,还可以去学习中心学习等功能。
本次作业是开发业务大屏,点击“业务大屏”,打开DMAX AI数据可视化大屏页面
点击“新建项目”,创建一个空白项目
点击左侧“+”,点击“新建页面”,创建一个新的页面
打开“新建页面”以后,可以选择“创建空白页”,“AI”,“预置”里的模板
创建“空白页”
2.页面开发
页面设置
右侧根据屏幕大小自定义设置,左侧打开“组件列表”,就可以拖拽组件进行大屏开发了。
选择合适组件,拖拽布局大屏,效果如下
3.数据定义
点击“新建分类”,创建一个“能源化工大屏”类型
点击“数据集管理”,创建“静态数据”
化工合格率
化工销售额
Excel数据表
产品库存表
产品名称 | 30天内 | 30天外 |
PVC | 78 | 58 |
烧碱 | 70 | 50 |
盐酸 | 70 | 80 |
水泥 | 68 | 80 |
原料库存表
原料名称 | 30天内 | 30天外 |
电石 | 60 | 55 |
原煤 | 68 | 51 |
原盐 | 68 | 80 |
原料单价表
日期 | 原盐单价 | 煤炭单价 | 石灰石单价 |
2021/9/10 | 9 | 9 | 9 |
2021/9/11 | 4 | 4 | 4 |
2021/9/12 | 5 | 5 | 5 |
2021/9/13 | 3 | 3 | 3 |
2021/9/14 | 15 | 15 | 15 |
2021/9/15 | 22 | 22 | 22 |
2021/9/16 | 15 | 15 | 15 |
2021/9/17 | 22 | 22 | 22 |
2021/9/18 | 20 | 20 | 20 |
2021/9/19 | 18 | 18 | 18 |
4.图形组件设置
通用表格
选中“通用表格”,右侧组件设置点击“数据”, 桥接器数据类型选择“静态数据”,输入数据里面可以进行修改数据。
选中“通用表格”,右键“高级设置”
打开表格的属性设置,可以对标题,行,表头,数据映射进行设置
水位图
选中“水位图”,右侧组件设置点击“数据”, 数据源类型选择“数据集”,数据集名称“化工合格率”,每一个水位图的“系列”选择一个数据字段进行数据绑定
选中“水位图”,右键“高级设置”, 打开属性设置进行修改
柱状图
选中“柱状图”,右侧组件设置点击“数据”, 数据源类型选择“Excel文件”,输入数据后面点击“上传Excel”,上传数据完成后下方内容框可以进行数据修改
选中“柱状图”,右键“高级设置”, 打开属性设置进行修改
仪表盘
选中“仪表盘”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。
选中“仪表盘”,右键“高级设置”, 打开属性设置进行修改
线状图
选中“线状图”,右侧组件设置点击“数据”, 数据源类型选择“Excel文件”,输入数据后面点击“上传Excel”,上传数据完成后下方内容框可以进行数据修改
选中“线状图”,右键“高级设置”, 打开属性设置进行修改
饼图
选中“饼图”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。
选中“饼图”,右键“高级设置”, 打开属性设置进行修改
文本-翻牌器
选中“翻牌器”,右侧组件设置点击“数据”, 数据源类型 选择“数据集”,数据集名称“化工销售额”,对应的“数值”选择一个数据字段(应收金额,应用额)进行数据绑定
选中“翻牌器”,右键“高级设置”, 打开属性设置进行修改
文本
选中“文本编辑”,右侧组件设置 “属性”,文本内容参数代替
选中“文本编辑”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。
热力图
这个组件需要自定义,参考“手机销量监控大屏”,导入组件
5.组件升级
对自定义的“热力图”组件进行修改,这里可以进行下载,更新操作,对下载的源码文件可以进行修改。
先单击“释放锁”,然后再上传修改后组件的压缩文件
大屏开发页面进行“检查更新”升级
文章内容如果写的存在问题欢迎留言指出,让我们共同交流,共同探讨,共同进步~~~
文章如果对你有帮助,动动你的小手点个赞,鼓励一下,给我前行的动力。
- 点赞
- 收藏
- 关注作者
评论(0)