检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
Prometheus数据源 操作场景 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
行背景色设置为“自定义”时，背景色序列号配置规则如下： 单行生效：直接配置对应序号。 非连续性多行生效：使用中文逗号“，”或英文逗号“,”，分隔对应序号。 连续多行生效：使用横线“-”，连接首尾序号。 序列号 显示序列号：是否显示序列号。 宽度占比(%)：设置序列号的宽度占比。 序列号样式：设置序列号的样式。
溢出文本 序列号：表格中序列号设置。 是否展示：表格中是否显示序列号。 序列号：设置序列号的名称。 列宽占比(%)：设置序列号在表格中的列宽占比。 对齐方式：设置序列号对齐方式，如水平居中、居左和居右。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。
边框：设置单元格的边框样式。 序列号：表格中序列号设置。 序列号：表格中是否显示序列号。 序列名：设置序列号的名称。 列宽占比(%)：设置序列号在表格中的列宽占比。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。 字体：设置序列号的字体、大小和颜色等。
边框：设置单元格的边框样式。 序列号：表格中序列号设置。 序列号：设置表格中是否显示序列号，默认为关闭。 序列名：设置序列号的名称。 列宽占比：设置序列号在表格中的列宽占比。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。 字体：设置序列号的字体、大小和颜色等。
Warehouse Service，简称DWS）是完全托管的企业级云上数据仓库服务，具备免运维、在线扩展、高效的多源数据加载能力，兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析，实现数据快速变现。更多关于DWS的介绍，请参见DWS产品文档。 前提条件 连接的数据源已创建，如何创建请参见DWS数据源。
false, }, { type: "input-number", name: "number", prop: "number", label: "序列号" originFrom: "advanceEditvm", value: "123", width: 74, labelWidth: 20
StudioToolkit.getCatalogProperties()：用于获取当前站点的元数据。 HttpUtils工具类预置API 平台内置了HttpUtils工具类，预置API如下： HttpUtils.getCookie：用于获取某个cookie的值。 代码示例：HttpUtils
Warehouse Service，简称DWS）是完全托管的企业级云上数据仓库服务，具备免运维、在线扩展、高效的多源数据加载能力，兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析，实现数据快速变现。更多关于DWS的介绍，请参见DWS产品文档。 操作步骤 参考登录A
发布项目 操作场景 项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 操作步骤
在本地开发组件后，频繁地打包组件包上传至公共环境再查看页面显示效果，是一件效率极低的事情。通过该配置，可打通本地环境与公共环境，实现实时在线调测组件。 单击“检查更新”，检查组件是否有版本更新，如果有新版本组件，请单击“升级所有插件”。 您也可以单击待升级插件后的，对组件进行升级。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图5 提示 图6 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：设置提示框显示的内容，可以是系列名和数据值、也可以是其中的一种。 数据 在数据中，设置词云的数据来源，更多介绍请参见数据接入。
s界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待下载的页面。 单击“编辑页面”，进入大屏开发页面。 在页面上方工具栏中，单击，即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题：
在图层列表中，可以查看到画布中各个组件的图层位置，也可以根据可视化应用需要，手动调整每个组件图层的上下位置关系。更多关于图层的介绍，请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方，通过工具栏提供的功能，可以完成保存页面、页面设置、全局变量设置、预览页面以及发布制作好的可视化应用等。 4 画布 页面开发操作
as界面。 在项目列表的所有项目中，单击页面所在的项目，进入项目。 在所有页面中，单击对应的页面，单击“编辑页面”，进入大屏开发页面。 在工具栏中，单击，进入页面发布设置。 在“版本管理”区域，单击需要回退版本后的，单击“继续编辑”，进行回退。 如果回退前希望保存当前页面，请单击
屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小 开启网格 开启画布网格线功能，用于标定组件在画布中的位置
通过AstroCanvas中预置的交通管理模板，快速创建一个可视化大屏页面。 预览并发布大屏页面 在线预览大屏页面效果，确保开发编辑效果与发布后运行效果一致。预览效果符合预期后，可直接发布大屏页面，并在线查看城市交通状况。 步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
