在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。
组件响应动作实现 组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。
在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标,选择“开发与运维 > 华为云Astro轻应用”,进入华为云Astro轻应用服务控制台。 在左侧导航栏中,选择“华为云Astro大屏应用”,进入华为云Astro大屏应用服务控制台。
开启浏览器内存使用率异常提醒:勾选后,如果浏览器内存使用率超过70%,页面右下角会弹框提醒。 开启资源访问耗时过长提醒:勾选后,如果单个资源访问耗时超过1秒,页面右下角会弹框提醒。 开启接口请求错误提醒:勾选后,如果接口请求出现错误,页面右下角会弹框提醒。
连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
ConnectorIns.process(renderCbk, errCbk):通过桥接器实例调用process函数,主要作用为发起调用服务的请求和处理返回结果信息。
该功能的实现原理是:系统在桥接器代码中已增加mockData属性来记录桥接器是否启用了模拟数据,同时在桥接器父类代码中预置了getMockData函数,开发人员只需在自定义桥接器中自己覆写getMockData函数,实现获取模拟数据的逻辑即可。
图5 自定义围栏数据 热力图层数据:热力图层数据桥接器/数据集,根据省/直辖市数值大小,热力图层颜色深浅不一。 柱状图层数据:柱状图层数据桥接器/数据集,根据省/直辖市数值大小,柱子颜色、高度不一。 标签图层数据:标签图层数据桥接器/数据集,以标签形式展示省/直辖市具体数据。
图7 新建汇合转换器 图8 通过左连接实现数据汇总 转换器:新建转换器的名称,本示例中设置为“汇合”。 目录:选择转换器的存放目录,本示例选择预置分类。 转换器内容:按需进行设置,本示例转换器内容如下,即将“多数据流1”和“多数据流2”中的数据进行汇总。
转换器:单击“新建转换器”可以新建一个转换器,也可以选择使用系统预置的“PromAPI预置连接器”,用于对数据进行转换处理。 单击“保存”,完成Prometheus数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。
颜色选择器 时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下,设置后效果如图1所示。
en_US: 'Axis Pointer' }, value: 'shadow', options: [ { label: { zh_CN: '直线指示器', en_US: 'Line'
step Number 否 number: 1 计数器步长,默认值为1。 hideControls Boolean 否 hideControls: false 是否使用控制按钮。 min Number 否 min: 0 设置计数器允许的最小值,默认值为-Infinity。
签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 父主题: 页面管理
华为云Astro大屏应用当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
max Number 否 max: 100 设置计数器允许的最大值,默认值为Infinity。
DWS数据集 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。
DWS数据源 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。
签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 有效期设置:设置Token认证有效期。如果不设置有效期,Token认证将永久有效。
指示器名称 显示名称:是否显示名称。 文字风格:设置名称显示风格,支持正常、斜体和倾斜体。 字体:设置名称的字体、大小和颜色等。 指示器名称与指示器轴的距离:设置指示器名称与指示器轴之间的距离。 轴分割段数:设置轴分割段数。 分割线 显示分割线:是否显示分割线。