检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
丰富组件轻松配置样式，快捷配置灵活实现布局 功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、Echarts组件等等，快速进行数据可视化。 自定义组件能力：提供自
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。 快捷设置：设置页签的显示位置，如居左、
持私有化部署。 步骤二：下载运行环境 在企业版AstroCanvas界面，下载运行环境部署包。运行环境部署包用于在服务器上部署AstroCanvas运行环境。 步骤三：安装运行环境 在本地服务器上，安装运行环境部署包，获取机器码。在华为云企业版AstroCanvas注册机器码，生
/v1591923270914” 。 getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh.json国际化文件。thisObj.getMessag
registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
跨页面复制组件 操作场景 通过复制到功能，可快速将组件复制到其他页面，从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中一个或多个组件，单击右键，选择“复制到”，并选择组件待复制到的页面。
自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见发布为模板。 如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账
文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n": [{ "name":
图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。 图2
render中抽取的独立逻辑，基于默认prop和组件配置的props进行融合处理，并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm
classfication：组件的配置项分类。 propertiesConfig：负责组件配置页面中，右侧的属性配置逻辑。 create（必须配置）：组件内置的扩展，仅在组件首次被创建时调用一次。 registerWidget（必须配置）：注册组件的逻辑实现。 父主题： {widget}
地图样式：在下拉框中选择地图的样式，如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中，设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的
其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按钮显示文
即铺满整个组件。 配置 在配置中，设置组件的文本、段落和文本滚动方向。 图4 配置 文本设置 文本内容：请输入文本内容，您也可以从后台数据中获取文本内容，详情请参见从数据中获取文本内容。 字体：设置文本字体、大小和颜色等。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置
直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用AstroZero API接口、ROMA API接口和AstroZero报表等。 数据源管理：新增并管理关系型数据库、DWS、DLI和AstroZero等数据源。
、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各种类型的组件（包括预置组件和自定义组件），将组件拖拽到画布中进行配置，完成可视化应用项目的开发。更多关于组件的介绍，请参见组件介绍。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
