学习AppCube开发业务大屏

网友投稿 550 2022-05-28

在华为云学习应用魔方AppCube开发业务大屏,开发的过程记录如下:

1.创建项目

打开AppCube网站:https://www.huaweicloud.com/product/appcube.html

点击“立即使用”,打开会有之前免费的AppCube实例

点击“进入开发环境”,打开进入应用魔方AppCube

这里可以创建不同类型的项目,也可以打开以前创建开发应用,还可以去学习中心学习等功能。

本次作业是开发业务大屏,点击“业务大屏”,打开DMAX AI数据可视化大屏页面

点击“新建项目”,创建一个空白项目

点击左侧“+”,点击“新建页面”,创建一个新的页面

打开“新建页面”以后,可以选择“创建空白页”,“AI”,“预置”里的模板

创建“空白页”

2.页面开发

页面设置

右侧根据屏幕大小自定义设置,左侧打开“组件列表”,就可以拖拽组件进行大屏开发了。

选择合适组件,拖拽布局大屏,效果如下

3.数据定义

学习AppCube开发业务大屏

点击“新建分类”,创建一个“能源化工大屏”类型

点击“数据集管理”,创建“静态数据”

化工合格率

化工销售额

Excel数据表

产品库存表

原料库存表

原料单价表

4.图形组件设置

通用表格

选中“通用表格”,右侧组件设置点击“数据”, 桥接器数据类型选择“静态数据”,输入数据里面可以进行修改数据。

选中“通用表格”,右键“高级设置”

打开表格的属性设置,可以对标题,行,表头,数据映射进行设置

水位图

选中“水位图”,右侧组件设置点击“数据”, 数据源类型选择“数据集”,数据集名称“化工合格率”,每一个水位图的“系列”选择一个数据字段进行数据绑定

选中“水位图”,右键“高级设置”, 打开属性设置进行修改

柱状图

选中“柱状图”,右侧组件设置点击“数据”, 数据源类型选择“Excel文件”,输入数据后面点击“上传Excel”,上传数据完成后下方内容框可以进行数据修改

选中“柱状图”,右键“高级设置”, 打开属性设置进行修改

仪表盘

选中“仪表盘”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。

选中“仪表盘”,右键“高级设置”, 打开属性设置进行修改

线状图

选中“线状图”,右侧组件设置点击“数据”, 数据源类型选择“Excel文件”,输入数据后面点击“上传Excel”,上传数据完成后下方内容框可以进行数据修改

选中“线状图”,右键“高级设置”, 打开属性设置进行修改

饼图

选中“饼图”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。

选中“饼图”,右键“高级设置”, 打开属性设置进行修改

文本-翻牌器

选中“翻牌器”,右侧组件设置点击“数据”, 数据源类型 选择“数据集”,数据集名称“化工销售额”,对应的“数值”选择一个数据字段(应收金额,应用额)进行数据绑定

选中“翻牌器”,右键“高级设置”, 打开属性设置进行修改

文本

选中“文本编辑”,右侧组件设置 “属性”,文本内容参数代替

选中“文本编辑”,右侧组件设置点击“数据”,桥接器数据类型选择“静态数据”, 输入数据里面可以进行修改数据。

热力图

这个组件需要自定义,参考“手机销量监控大屏”,导入组件

5.组件升级

对自定义的“热力图”组件进行修改,这里可以进行下载,更新操作,对下载的源码文件可以进行修改。

先单击“释放锁”,然后再上传修改后组件的压缩文件

大屏开发页面进行“检查更新”升级

文章内容如果写的存在问题欢迎留言指出,让我们共同交流,共同探讨,共同进步~~~

文章如果对你有帮助,动动你的小手点个赞,鼓励一下,给我前行的动力。

应用魔方 AppCube

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:计算机考研:计算机操作系统知识点复习
下一篇:Linux之目录结构
相关文章