检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
数值字体：设置指标数值的字体、大小和颜色。 数据 在数据中，配置基本饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本饼图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
网格线是否显示：是否显示轴网格线、轴网格线的类型和颜色设置。 数据 在数据中，设置热力图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置热力图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
可新增参考线。单击对应参考线后的，可删除参考线。 数据 在数据中，配置散点图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置散点图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状态，可查看各个地区相应状态下的告警数量分布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”和“多区域
到期望位置后保存，组件的相应配置项会跟随更改。 数据 在数据中，设置高德地图组件的数据来源，更多介绍请参见数据接入。 新增图层后，才会显示数据配置项。 图17 配置组件数据 交互 在交互中，配置高德地图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 地图
数值字体：设置数值的字体、大小和颜色等。 数据 在数据中，配置轮播饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置轮播饼图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
特征标记：提示框内容格式，如系列名、数据值、百分比。 数据 在数据中，设置基本漏斗图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本漏斗图组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
续费概述 续费简介 包年/包月AstroCanvas到期后，会影响AstroCanvas正常运行。如果您想继续使用，需要在指定的时间内为AstroCanvas续费，否则已创建的项目、页面等功能的使用可能将会受限。AstroCanvas在到期前续费成功，AstroCanvas的运行不受影响。
输入场景URL：直接输入图观的二次开发场景地址。 交互 在交互中，设置图观端场景编辑器与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 组件介绍
值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置玫瑰花饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置玫瑰花饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置贪吃蛇饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置贪吃蛇饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
图标位置：设置图标的显示位置，如进度条上方、进度条下方。 数据 在数据中，设置图标进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示 function定义。
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
