正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
域名:请求的Host地址,不需要带上“http://”或“https://”协议头,同时也不需要“/”结尾。 域名参数:配置域名参数,包含字段名称、默认值和字段描述。 图6 配置域名参数 连接器配置中,当域名中配置“{字段名}”参数时,才会显示该参数。 接口鉴权方式:设置接口鉴权方式,支持API鉴权、AK/SK、API
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
数据源:选择AstroZero数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中,搜索并拖拽“多区域折线图”,到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击,配置组件数据。 数据配置中选择“数据集”,选择4配置的“getWar
地图样式:在下拉框中选择地图的样式,如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中,设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥:输入地图的服务密钥,请参考高德开放平台中操作自行到官网申请。 安全密钥:如果您的
自定义的事件名为“sendSelect”,必须配置。 须知: 需要在组件“.js”文件逻辑代码中,使用“Studio.registerEvents()”方法注册该事件,并使用“thisObj.triggerEvent()”方法触发该事件。 desc 事件的中英文描述,可描述事件的具体场景、作用,必须配置。 fields
在左侧全部组件中,拖拽“水平基本柱图”到页面开发操作区域,即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果 父主题:
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果 父主题:
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板,包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
锁定/解锁组件 操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录A
用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置翻牌器组件的样式和动画。 图4 配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景色:设置翻牌器数字背景颜色。 数字间隔:设置翻牌器数字之间的距离。
左边距:图表到组件边框左侧的距离。 标题:是否显示标题。打开该开关后,可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。
设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。
{}); eventConfig:组件事件描述配置项,用来扩展给全局变量使用。 classfication:组件的配置项分类。 propertiesConfig:负责组件配置页面中,右侧的属性配置逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
于3D场景开发,支持私有化部署。 商用 购买Astro大屏应用实例 3 AstroCanvas支持私有化部署 在AstroCanvas企业版实例中,支持将开发好的页面整个打包下载,并安装部署到您的企业内网中运行。 商用 AstroCanvas私有化部署 4 AstroCanvas预置组件能力增强
item" }:响应动作的描述,需要国际化 * @params [{ name: "itemVal", type: "text" }]:配置动作时可以配置itemVal的值为${e.xxx}将事件抛出的xxx参数复制到itemVal中,然后select组件内统一从itemVal获取数据