开天集成工作台,制作SVE卡片模板【华为云开天aPaaS】

举报
林欣 发表于 2023/10/10 16:29:00 2023/10/10
【摘要】 SVE(Service Visualization Establish Platform)集成了大量业务场景卡片和屏幕模板,用户无需懂代码,分钟级即可完成业务数据的可视化编排,屏幕开发效率提升2-3倍,加速推动企业数据可视化落地,辅助经营决策。

文章总览

实验概述

该案例是使用MSSI服务的业务可视化功能,基于其提供的卡片机制,从全国人口数量、性别、增长情况、城镇化分布等各个维度进行业务可视化设计和开发,发现人口变化规律,无需任何代码开发

进入开天集成工作台

首先,进入华为云官网,展开“产品”选项卡,选择 开天aPaaS

  • 开天企业工作台 MSSE 是针对企业的
  • 开天集成工作台 MSSI 是针对个人的

image.png

接着,我们进入开天集成工作台MSSI

image.png

点击进入管理控制台,首次访问会提示你进行开通

image.png

可以看到,开通的是免费的“集成工作台-基础版”;“自动化流专业版”要付费的并没有给你自动免费开通

image.png

新建卡片

左侧列表点击“业务可视化”,在展开的子列表中选择“我的卡片”

image.png

首先要新建“卡片分类”,我给它取名叫test

image.png

然后点击“新建卡片”按钮,点击构建图表

image.png

这里模板选“图表”,然后双击“基础饼图1”(也可以直接拖拽到屏幕中心)

image.png

配置数据服务

总共支持4种数据源类型

  1. 静态数据
  2. Restful
  3. 连接器

image.png

由于没有服务器,我们这里使用“静态数据”作为数据源。开天集成工作台提供了两种配置静态数据源的视图:

  1. JSON视图
    image.png
  2. 表格视图
    image.png

表格视图输入,这个地方有BUG! 因此只能使用JSON进行输入。我这里填入测试数据,然后点击左下角按钮,格式化JSON

[
  {
    "value": 335,
    "name": "深圳"
  },
  {
    "value": 310,
    "name": "北京"
  },
  {
    "value": 234,
    "name": "广州"
  },
  {
    "value": 135,
    "name": "上海"
  },
  {
    "value": 536,
    "name": "杭州"
  },
  {
    "value": 99,
    "name": "福州"
  }
]

image.png

配置属性信息

切换到“属性配置”选项卡,拉到最底下,可以对鼠标移到饼图上显示的提示框进行配置

image.png

image.png

在上面,我们还可以对标题的文字和样式进行修改

  1. 修改标题的文本
  2. 修改标题字体阴影颜色及厚度
  3. 给标题添加背景图片

image.png

配置卡片信息

切换到“卡片信息”选项卡,给卡片取个名字,然后填写描述

image.png

封面图默认是SVE,你也可以从本地上传图片,或直接使用开天集成工作台的自动截图功能

image.png

点击“截屏”按钮后,可以发现封面就由之前的SVE变为了实际卡片图了

image.png

保存卡片

你可以点击下载按钮,将卡片压缩包保存到本地,以便可以备份恢复

image.png

卡片ZIP压缩包的主要文件如下

  1. assets
  2. cards
  3. manifest.json
  4. package.json
  5. README.md

image.png

点击右上角保存,可以将卡片保存到开天集成工作台里的“我的卡片”中

image.png

预览与发布

点击右上角的预览按钮,就会自动打开一个新的标签页,并显示刚刚制作的SVE

image.png

image.png

点击发布按钮后,会在右上角出现一个发布成功的弹窗提示

image.png

切换到“我的卡片”页面,就可以看到刚刚发布的卡片了

image.png

用途

  1. 卡片可以直接作为一个页面进行展示

image.png

  1. 在公共屏幕模板中,可以直接使用我们刚刚创建的卡片模板作为一个模块

image.png

总结

SVE(Service Visualization Establish Platform)集成了大量业务场景卡片和屏幕模板,用户无需懂代码,分钟级即可完成业务数据的可视化编排,屏幕开发效率提升2-3倍,加速推动企业数据可视化落地,辅助经营决策。

如果还想要跟深入的学习,可以观看华为云官方的技术直播:

DTSE Tech Talk 技术直播 NO.39 华为云业务可视化构建平台SVE,你的数据分析好帮手

我正在参加【有奖征文 第26期】华为云开天aPaaS:高效低码,丝滑开发!体验aPaaS集成工作台,分享您的轻应用开发经验

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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