检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模拟数据”开关,一键开启当前项目中所有
据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:AstroZero环境的域名,需要携带“https://”。 客户端ID:调用AstroZero接口前,需要配置“客户端模式”OAuth鉴权的客户端ID,获取方法请参考客户端模式接入认证。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对H
预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据集”,可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集 在弹出的提示页面,如果单击“确定”,可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“重命名”。 图1 重命名 您也可以在“图层”中,将鼠标悬浮在组件上,单击“重命名”。 图2 在图层中重命名组件 在输入框中,输入组件的新名称。 父主题: 组件管理
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
测试,包含数据配置。 生产环境:应用正式发布上线的真实环境。测试完成后,将应用发布至生产环境,即运行环境,供业务用户使用。 不依赖:不依赖任何环境。 生产环境/沙箱环境 域名:提供服务环境的域名,如https://www.demo.com。 生产环境/沙箱环境 租户ID:提供服务环境的租户ID。
单击“交互事件”,选择“echarts单击系列”。 为“echarts单击系列”事件设置响应动作,如赋值全局变量,将字段seriesIndex赋值给全局变量。 图4 将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。
在图层中移动 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 将鼠标放到对应的组件上,单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 您也可以直接拖动组件,将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层 父主题:
在桥接器模板页面中,单击模板bridgeBasicTemplate,进入模板详情页。 图1 单击桥接器模板 在桥接器模板详情页,单击“下载”,将模板包下载到本地。 解压已下载的模板,修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。
折柱图 折柱图是柱状图的一种,通过折线和柱状图相结合的方式,将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 折柱图效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件
</div> 对下载的模板进行重命名,本示例修改为BarGraph。 进入解压后的目录,修改文件名称,即将EchartsWidgetTemplate.css修改为BarGraph.css,EchartsWidgetTemplate.editor.js修改为BarGraph.editor.j
复制项目版本 项目创建完成后,支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本
实心圆饼图 实心圆饼图是饼图组件的一种,通过实心圆的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“实心圆饼图”组件至画布空白区域,如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
基本饼图 基本饼图是饼图的最基础表现形式,即通过饼图的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本饼图”组件至画布空白区域,如图1。 图1 基本饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 热力图图形 颜色:设置图表中,图形的颜色。 热力颜色 在颜色设置中,可以更改热力颜色,也可以单击“新增颜色设置”,添加色块颜色。 热力范围 着色显示的数据范围,需要设置最大值和最小值。 热力标注 设置是否显示标注,
/* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16 * 帮助文档:https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025
} } }) 将修改后的组件Widget包,重新打包。 返回AstroCanvas界面,选择“我的资产 > 我的组件”,单击“添加组件”,将3.d中的组件包上传至组件库中。 图3 上传widget_demo_mintui组件
登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击“复制并粘贴”。 图2 在图层中复制并粘贴组件 父主题: 组件管理
在工具栏中,单击,进入页面发布设置。 在“版本管理”区域,单击需要回退版本后的,单击“继续编辑”,进行回退。 如果回退前希望保存当前页面,请单击“发布新版本”,将当前页面发布为新版本,再单击需要回退版本后的,单击“继续编辑”,进行回退。 图1 回退到历史版本 图2 提示 父主题: 页面管理