检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 参考线是指为图表组
的实际实现 */ render() { const widgetContainer = this.getContainer(); if (!widgetContainer) return; this.initI18n(); this.initReaderVm(this
分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图5 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~
分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图4 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~
id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题: 目录文件详解
设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图3 新建数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接:选择1中创建的数据源。 目录:设置数据集的存放目录。 责任人:数据集的创建者。 描述:数据集的描述信息,通常设置为数据集的功能。
#EchartsWidgetTemplate { height: 100 % } #EchartsWidgetTemplate.echarts - container { display: flex; flex - direction: column; flex: 1; height: 100
分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图8 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~
组件图层位置移动 操作场景 在AstroCanvas大屏开发页面,支持将组件图层向上、向下移动一层或移动至底层等,帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。
图解Astro大屏应用
筛选组件类型 操作场景 在图层中,支持按组件名称、组件标题和组件类型进行筛选,帮助您更加高效的选择所需要的组件。 操作步骤 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 在图层中,单击,筛选组件。 图1 筛选组件 父主题: 图层管理
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
switch 配置项说明 表1 switch配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "switch" 配置项类型。 value String 否 value: false 默认值。 name String 是 name: "commProps
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value
radio 配置项说明 表1 radio配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "radio" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型,支持的类型有number、password。
select 配置项说明 表1 select配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "select" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name:
tab 配置项说明 表1 tab配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "tab" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
textarea 配置项说明 表1 textarea配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "textarea" 配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString"