文档首页/ 开天集成工作台 MSSI/ 最佳实践/ 大屏展示全国人口变化规律
更新时间:2024-10-12 GMT+08:00
分享

大屏展示全国人口变化规律

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

开始使用前,请仔细阅读准备工作中的要求,提前完成准备工作。操作流程如图1所示。

图1 操作流程

准备工作

  • 注册华为账号并开通华为云、实名认证
  • 开通MSSI服务
    1. 打开开天集成工作台官网
    2. 单击“管理控制台”,进入“免费开通开天集成工作台”界面。
    3. 单击“免费开通”,开通后进入控制台首页。
  • 配置服务授权

    MSSI服务使用过程中涉及到与OBS、SMN、FunctionGraph、AOM、IVS等服务交互,首次使用MSSI服务需要用户配置服务授权,允许访问这些依赖服务。

    1. 进入开天集成工作台管理控制台
    2. 在左侧导航,选择“管理 > 服务授权”。
    3. 在界面右上角,单击“添加授权”。
    4. 在“授权说明”提示框中,单击“同意授权”。

创建卡片

  1. 开天集成工作台管理控制台界面中,选择左侧导航栏中的“业务可视化 > 我的卡片”。
  2. 选择卡片分类,单击“新建卡片”。
  3. 在“创建方式”下单击“模板构建”
  4. 从左侧的“卡片模板”或“我的卡片”中,拖拽适合业务需要的模板到中间空白处。

    这里以“卡片模板 > 图表 > 柱状图 > 基础柱状图”为例,如图2所示。

    图2 选择系统预置模板

  5. 配置“数据服务”。

    “数据源类型”选择“静态数据”,配置静态数据信息,如图3所示。静态数据生成卡片后分别如图4图5图6图7所示。
    • 通过上传EXCEL表格获取数据:单击“上传EXCEL”,上传准备好的EXCEL文件。
    • 直接在界面上配置数据:在JSON视图或表格视图下配置静态数据。
      图3 配置数据信息
      图4 2023年中国人口年龄结构
      图5 排名前十省份人口数据
      图6 排名前十省份人口城镇化比例
      图7 中国未来人口数预测图

  6. 配置“属性配置”。您可根据实际情况进行配置,例如卡片的标题、字体等。
  7. 配置“卡片信息”。您可根据实际情况进行配置,例如卡片的名称、描述等。
  8. 单击“保存”,在“保存”页面,确认卡片信息无误后,单击“保存”。
  9. 单击“预览”,确认卡片信息无误后,单击“发布”。

    发布后的卡片会显示在“业务可视化 > 我的卡片”中对应的卡片分类列表下。

创建屏幕模板

在新建屏幕之前,您需要在“公共屏幕模板”新建屏幕模板,选择业务所需的页面布局和卡片设置消息联动,从而实现自定义屏幕构建。

  1. 进入开天集成工作台管理控制台,选择左侧导航栏中的“业务可视化 > 公共屏幕模板”。
  2. 在创建的分类目录下,单击“新建屏幕模板”。
  3. 配置“屏幕模板”信息,如图8所示,配置完成后,单击“下一步:选择页面布局”。

    图8 新建屏幕模板

  4. 选择符合业务需要的页面布局,这里以“布局5”为例,如图9所示,完成后,单击“下一步:选择卡片”。

    图9 选择页面布局

  5. 选择符合业务需要的卡片,单击“下一步:消息联动设置”。
  6. 本示例不设置消息联动,单击“下一步:样例页面构建”。
  7. 拖拽左侧“我的卡片”下的卡片至中间空白处,卡片位置自由摆放。
  8. 配置“屏幕属性”、“卡片属性”和“屏幕卡片”。
  9. 单击“完成”,在画布右上方单击预览无误后,单击发布。

创建屏幕

我的屏幕是通过选择公共屏幕模板构建而来,经历了屏幕模板的选择、卡片交互功能的配置,可二次定义相关属性配置。保存后预览可以查看大屏上卡片间弹出、联动、卡片全屏、区域切换、下钻等交互效果。

  1. 进入开天集成工作台管理控制台,选择左侧导航栏中的“业务可视化 > 我的屏幕”。
  2. 单击“新建项目”,输入“名称”和“标签”。
  3. 步骤2创建的分组下,单击“新建屏幕”。
  4. 单击“基于模板构建”构建方式下的“屏幕构建”
  5. 设置新建屏幕信息,完成后,单击“确定”。

    • 屏幕名称:自定义设置。
    • 屏幕分组:单击下拉框选择项目分组。
    • 屏幕描述:对本次新建屏幕的说明。

  6. 在弹出的页面中,选择创建屏幕模板创建的屏幕模板,单击“使用”,如图10所示。

    图10 使用屏幕模板

  7. 选择完成后,用户可以基于屏幕模板进行自定义修改。
  8. 配置完成后,单击“完成”。
  9. 单击发布,发布屏幕并获取URL,如图11所示。

    图11 屏幕URL

  10. 在浏览器中,输入9获取的URL地址,即可对创建好的屏幕进行访问。

    也可以在“我的屏幕”页面,预览已发布的屏幕,如图12所示。

    图12 预览屏幕

相关文档