检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面，具备如下优势。 大屏资产数据服务对接，轻松接入，高效复用 功能介绍 多种数据接入能力，在大屏资产中心中可保存为多种卡片，快速进行业务调整，随心所选 、高效复用。 特性优势 丰富的数据源：预置10+数据源 。 数据
用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器，则无需执行此操作。本示例中，请提前创建图1中的转换器。 图1 AstroZero转换器 创建数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。
本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器
e。 precision Number 否 precision: 2 数值精度。 step Number 否 number: 1 计数器步长，默认值为1。 hideControls Boolean 否 hideControls: false 是否使用控制按钮。 min Number
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
最大采样点数：设置查询数据的个数，取值范围为[1, 10000]。假设，查询周期设置为过去的3小时，最大采样点数设置为100，则每108秒（3小时*60分*60秒/100）返回1个数据点。 图3 查询过去三小时的数据 最小时间间隔：每个数据点之间最小的时间间隔，取值范围为[1, 40000000]。
在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，选择“AstroZero API”，在右侧单击“+ 新建数据源”。 配置数据源参数。 图2 新建数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字和下划线，且不能以下划线开头或结尾。
{ zh_CN: 'X轴数据', en_US: 'X axis Data' }, limitNumber: '1', type: 'category', label: 'x',
件。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst.dispatchAction({
名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“Token认证”开关，设置签名校验参数和有效期。
）和未来（默认）三种状态，来改变不同时间态的样式。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“里程碑”组件至画布空白区域，如图1。 图1 里程碑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
echarts - container { display: flex; flex - direction: column; flex: 1; height: 100 % ; } 父主题： 目录文件详解
ts图表组件。 以基础折线图为例，在大屏设计页面，从“全部组件 > ECharts图表”中，拖拽“基础折线图”组件至画布空白区域，如图1。 图1 Echarts图表 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，相关配置请参见桥接器预置。 静态数据 选择该
图标是装饰组件的一种，用于为可视化应用添加多种类型的图标元素，能够使可视化应用展示更加美观。 以图标1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选
分割线是装饰组件的一种，用于分割组件，起装饰作用，包括分割线和竖分割线。 以分割线16-1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“分割线16-1”组件至画布空白区域，如图1。 图1 分割线16-1 页面背景色设置为白色时，分割线组件很难显示出来。使用该组件时，请避免使用白色背景。
视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面中，单击“新建空白页面”。 输入页面标题，单击“新建”。 页面标题的长度范围为1~100个字符。 拖入组件，根据业务需求开发页面。 页面创建完成后，单击页面上方的，保存页面。 单击页面上方的，预览应用页面。 如果页面预览
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
