检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
箭头水位图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距
树状表格卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
圆角矩形水位图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
显示指标：是否显示指标。 指标内容：设置指标内容。 指标字体：设置指标内容的字体、大小、颜色等。 指标类型：设置指标类型，支持总和、平均值和自定义。 数值内容：“指标类型”设置为“自定义”时，支持自定义数值内容。 数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据
半。 左Y轴：设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴：设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔：坐标轴最小间隔大小。“边界”选择“自定义”时设置该参数。 左Y轴单位：设置左侧Y轴的单位。 右Y轴单位：设置右侧Y轴的单位。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
进度条卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景颜色：组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
支持修改，如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式：设置接口的鉴权方式，支持无身份认证和基本身份认证（用户名/密码）两种。 无身份认证：不需要任何验证信息，直接调用的接口，通常用于访问一些公开的接口。 基本身份认证（用户名/密码）：通过输入用户名和密码，来进行用户身份验证。
地图中心经度：设置地图中心点的经度。 地图中心纬度：设置地图的中心点的纬度。 地图缩放级别：设置地图的缩放层级，最小级别为4，最大级别为19。 地图样式：设置地图基本样式模板。 热力图层配置 显示热力图层：是否显示热力图层。 数据标题：设置热力图层的数据标题。 显示类型 ：设置热力图层显示类型，如均分显示或区间部分。
配置 在配置中，设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角：设置标签圆角的大小，“0”为直角。 图5 标签圆角 标签间距：设置标签之间的距离，默认为“0”。 标签内边距：设置标签和组件边框之间的距离，默认为“自适应”。设置为“固定值”时，可自定义内边距大小。
圆角：设置矩形的边框圆角，设置为0时为直角，设置为100时显示为圆形。“特殊样式”设置为“颜色”，且选择“矩形”时，才显示该参数。 背景色：设置特殊样式的背景颜色，支持设置为圆形和矩形。“特殊样式”设置为“颜色”时，才显示该参数。 条件格式：单击“新增条件格式”，可设置条件和响
件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
AstroCanvas分享页Token签名校验使用说明 通过Token参数签名校验功能，可以对大屏交互时传递的URL进行签名鉴权，保证大屏的URL访问链接不会被篡改，从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前，需满足以下条件： AstroCanvas大屏页面，使用Token验证的方式进行发布。
流程。 购买AstroCanvas实例 在使用AstroCanvas前，您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 购买Astro大屏应用实例：AstroCanvas提供了“As
图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文
min: 0 设置计数器允许的最小值，默认值为-Infinity。 max Number 否 max: 100 设置计数器允许的最大值，默认值为Infinity。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发
字体大小：设置前缀的字体大小。 后缀：设置后缀，如“%”。 字体大小：设置后缀的字体大小。 目标数据显示：是否显示目标数据。 目标数据标题：设置目标数据的标题，如当前目标。 字体：设置目标数据标题的字体、大小和颜色等。 完成数据显示：是否显示完成数据。 完成数据标题：设置完成数据的标题，如已完成。
将组件保存为卡片 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”中，将鼠标悬浮在组件上，单击“保存为卡片”。 图2 在图层中将组件保存为卡片 在卡片设置中，输入卡片的名称，单击“保存”。
的第一个页面，默认为项目首页）和“园区办公人员统计”两个页面，现在将首页更改为“园区办公人员统计”。 发布为首页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上（如本示例中的“园区办公人员统计”），单击“
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
