检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
其它 Iframe布局框 全屏 步骤条 按钮 父主题： 组件介绍
导航 选项卡 路由导航(示例) 路由视图 父主题： 组件介绍
管理页面 管理组件模板 桥接器模板 查看操作日志
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
资产管理 我的卡片 我的素材 我的组件 我的库 我的模板 我的桥接器
将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏组件。关于API的详细介绍，请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}
和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，相关配置请参见桥接器预置。 静态数据
required Boolean 否 required: true 是否必须配置。 组件使用数据集 数据集实例获取。 组件代码中可使用如下API，来获取对应的数据集实例。 ConnectorIns: thisObj.getConnectorInstanceByName('Echar
3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 06 API 弹性云服务器（Elastic Cloud Server）是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 API文档 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥
在实例化代码块中，还可以实现异步加载和引入第三方库，详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”，可查看实例化代码块的参数说明。 单击，可复制实例化代码。 单击，可最大化实例化代码块页面。 自定义事件：echarts组件支持自定义扩展事件和交互，来扩展组件在系统中
在进行前台页面开发时，经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中，可能后台接口还未开发完成，这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时，用户逐个修改组件的桥接器配置会过于繁琐，可直接将桥接器配置为调用后台接口，在“项目设置”中打开“启用模拟数据”开
服务地址：返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中，支持包含变量，例如“https:example.{region}.com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式：设置接口的鉴权方式，支持无身份认证和基本身份认证（用户名/密码）两种。
MySQL数据库中，常用的关键字有value、data、desc、day、all和add，更多关键字请参见MySQL5.7官方保留字与关键字、MySQL8.0官方保留字与关键字。 PostgreSQL或GaussDB数据库加双引号 “""” PostgreSQL和GaussDB数据库中，常用的关键字有value、user、
文本位置：设置标题文本位置。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。 自动轮播：是否开启自动轮播功能。开启后，支持设置轮播速度和单行停顿时间。 表头设置 显示表头：是否显示表头。
我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中，获取“项目”的值。 项目ID：DLI服务所在的区域的项目ID，获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上，在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中，获取“项目ID”的值。
在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst.dispatchAction({ type: 'highlight', dataIndex:
为2~26。 POI显示：是否开启POI显示，关闭后不会显示全部地图文字和POI信息。 地图样式 底图样式：设置底图的样式类型，支持标准地图和卫星图。 显示要素：设置地图显示的元素，支持区域面、道路、建筑物和标注。当“底图样式”设置为“标准地图”时，才显示该配置项。 显示路网：是
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
