第一次DIY一个TWS耳机信息看板丨【玩转应用魔方】

举报
心跳包 发表于 2021/11/19 18:01:17 2021/11/19
【摘要】 一、应用魔方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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。