第一次DIY一个TWS耳机信息看板丨【玩转应用魔方】
【摘要】 一、应用魔方AppCube是何方神圣 应用魔方 AppCube是低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。应用魔方顾名思义就如同魔方一样,可以通过...
一、应用魔方AppCube是何方神圣
应用魔方 AppCube是低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服务框架,助力企业不断沉淀可复制的套件,加速应用的定制,并通过开放的生态,实现套件资产的商业变现。应用魔方顾名思义就如同魔方一样,可以通过任意组合,排列各种模块化元素,创建功能各异的应用。
二、开发环境
点击上方地址。
点击“应用使用”,然后点击“进入开发环境”:
三、创建TWS耳机信息项目
进入开发环境后,点业务大屏
然后新建项目
下面是我新建的项目
进入下方的页面
至此,我的项目创建就完成了。
四、开发TWS耳机数据信息项目
点击+,新建页面
这里博主由于是第一次使用这个产品,所以就偷个懒使用模板来做。点击综合姿态,创建页面
点击新建,获取到下面的页面
点击组件列表
选择图表中的水平柱状图
点击项目锁,对项目进行解锁,然后拖拽水平基本柱图到项目页面中,如图
点击数据,修改自己的数据
{
"dataX": [
"居家",
"户外",
"公共交通",
"健身房",
"飞行途中",
"办公室",
"商城/购物中心",
"车内",
"公共场所",
"非办公环境",
"学校"
],
"dataValue": [
{
"value": [
58,
55,
29,
42,
31,
25,
27,
25,
21,
18,
11
]
}
]
}
然后得到下图,下面对这个表格的一些参数进行修改
右键,点击高级设置
得到下图
Y轴,删除文本内容,修改文本颜色,
修改X轴参数:删除文本内容
修改标题
修改后
最终效果入下图所示
接下来来做另一个图表,直接copy上面的图表,做修改
{
"dataX": [
"听音乐",
"语音通话",
"看视频",
"视频通话",
"收听有声读物",
"旅行途中的降噪",
"移动游戏",
"健康",
"PC游戏",
"主机游戏",
"联网获取信息",
"GPS和导航"
],
"dataValue": [
{
"value": [
69,
45,
42,
36,
33,
28,
26,
19,
19,
19,
15,
15
]
}
]
}
得到图表
现在做一个全休TWS耳机排名的图表,这里选择文本下的通用表格
TWS耳机普及率变化情况图表创建
最后初步的图表
第一次做,确实不太好。以后多做几个项目
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)