ASTRO大屏应用 ASTROCANVAS-关系型数据库:在组件中使用数据集

时间:2024-11-06 21:53:35

在组件中使用数据集

  1. 返回AstroCanvas项目列表页面。
  2. 进入开发页面,拖拽所需组件(如基本柱图)到画布中。

    图6 拖拽基本柱图到画布中

  3. 选中该组件,单击组件上方的,进入组件数据页面。
  4. “数据类型”下拉框中,选择“数据集”,选择创建关系型数据库数据集中创建的数据集。
  5. 配置全局变量。

    全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。

  6. 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。

    图7 拖拽字段到对应坐标轴
    • 表格字段:展示创建关系型数据库数据集中,接入的关系型数据库中的数据。
    • 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。
    • 刷新周期:每隔多少秒从关系型数据库中读取一次数据,默认配置为“0”,表示只获取一次。
    • 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的关系型数据库请求,不会各自只调用,而是共享结果数据。

  7. 选中基本柱图组件,单击组件上方的,设置标题内容为“N省各市人口数量(千万)”

    图8 设置图表标题

  8. 单击页面上方的,保存设置页面。
  9. 单击,进入预览页面,预览效果。

    图9 最终呈现效果

support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6166.html