检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图1
域名：请求的Host地址，不需要带上“http://”或“https://”协议头，同时也不需要“/”结尾。 域名参数：配置域名参数，包含字段名称、默认值和字段描述。连接器配置中，当域名中配置“{字段名}”参数时，才会显示该参数。 图6 配置域名参数 接口鉴权方式：设置接口鉴权方式，支持API鉴权、AK/SK、API
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
边距：组件中视频流距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频流组件的视频流地址、视频流类型等。视频流组件中，配置项的配置高于数据配置。 图4 视频流配置 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置地图组件的基本信息、地图控件和地图控制，如是否显示比例尺、是否支持缩放、拖拽等。 图4 OpenLayers地图配置 地图基本配置 底图类型：设置地图底图的类型，支持OSM和XYZ两种类型。OSM
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
{}); eventConfig：组件事件描述配置项，用来扩展给全局变量使用。 classfication：组件的配置项分类。 propertiesConfig：负责组件配置页面中，右侧的属性配置逻辑。 create（必须配置）：组件内置的扩展，仅在组件首次被创建时调用一次。
示。 边距：组件中视频距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址：视频的URL地址，视频支持格式有MP4、OGG、MOV和WEBM。 封面：选择图片，
标题显示：是否显示标题。 标题内容：设置标题内容，如完成率。 标题字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示：是否显示数字。 数字位置：设置数字的显示位置，如左、居中或右。 数字字体：设置数字的字体、大小和颜色等。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型：地图第三方服务商，如天地图、高德地图和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中，搜索并拖拽“多区域折线图”，到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击，配置组件数据。 数据配置中选择“数据集”，选择4配置的“getWar
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。 设置完成后，单击“保存”。 选择
时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置图标的颜色。 图4 图标配置 交互 在交互中，配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，进行自定义属性设置。 图4 全屏配置 全屏图片链接：要切全屏时图片的链接。 展开图片链接：展开时图片的链接。 内边距：图片和组件边框之间的内边距，单位为px。 交互 在交互中，配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
预置多种团队空间角色，预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式，快捷配置灵活实现布局 功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、
数据源：选择AstroZero数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用：选择AstroZero中具体的应用。
内部页面：选择待跳转的具体页面。“页面类型”设置为“内部页面”时，才显示该配置。 外部页面地址：选择待跳转的外部页面地址，可以直接输入地址，也可以设置为全局变量。“页面类型”设置为“外部页面”时，才显示该配置。 页面打开方式：设置跳转页面的打开方式，如新窗口、当前窗口或弹窗。设置为
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
