检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
隐藏组件 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7 雷达图提示 图8 雷达图设置提示效果 显示提示:开启后,在预览图
翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图10 基本折线图提示 图11 设置提示效果 显示提示:开启后,在预览
的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:是否开启自定义图例显示设置。开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可
的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:是否开启自定义图例显示设置。开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可
翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图9 区域图提示 图10 设置提示效果 显示提示:开启后,在预览图
翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图11 多区域折线图提示 图12 设置提示效果 显示提示:开启后,在预
翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图11 多折线图提示 图12 设置提示效果 显示提示:开启后,在预览
图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,对下拉选择框和下拉弹出框进行设置。 图4 下拉选择框配置 下拉选择框设置 开启多选:开启后,支持自定义默认选项。 默认选择项:下拉框默认的选择项。 字体:下拉框中字体的大小、颜色等设置。 背景颜色:设置下拉框的背景颜色。
的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:是否开启自定义图例显示设置。开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可
视图切换 操作场景 通过视图切换功能,可将页面中的组件切换为列表或卡片样式。 列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
锁定/解锁组件 操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录A
过50MB。 激活背景样式:选中选项卡时,显示的背景样式,支持颜色和图片两种样式。 激活背景色:选中选项卡,即激活状态下的背景色。“激活背景样式”设置为“颜色”时,才显示该参数。 激活背景样式 > 填充方式:选中选项卡时,背景图片的填充方式,如拉伸、居中等。“激活背景样式”设置为“图片”时,才显示该参数。
交互更加丰富:常见交互零码轻松实现,特殊交互两步自由定制。 多屏协同配合,打造多屏一致性体验 功能介绍 以AstroCanvas为能力底座,打造可视化大中小屏,一次构建、多屏复用、无缝协同、统一体验。 功能优势 用户统一体验:大中小屏应用支持卡片化构建,遵循统一前端设计规范,提供给用户统一体验。
柱条边框圆角:进度条边框圆角配置,取值为“0”时为直角,“100”为圆角。 显示数值:进度条上是否显示数值。开启后,支持设置数值颜色、文字大小和文字粗细。 显示占比:进度条上是否显示占比。开启后,支持设置前缀、后缀和数值显示位置等。 显示内容宽度占比:设置进度条上显示内容宽度占比。 提示
AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐,各套餐的功能说明如表1所示,具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。
获取Connector属性,无入参,使用方式参考如下: const connProps = this.getConnectorProperties(); connProps对象中,包含组件接入的所有数据源信息。 图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取
html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore: 保存页面中全局变量的对象 * 你可以用$pageStore.setItems([{key:'id',value:'123'}])来批量更新全局变量
自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip Object tip: { "zh_CN": "图形", "en_US": "Series" } 鼠标悬浮提示,采用对象形式。 name String
在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色:处于默认状态下的背景色。