检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
圆角半径：四边圆角时的圆角半径（取值为“0”时为直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
图2 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图3。
坐标轴分割段数：设置坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 最小值：设置坐标轴的最小值。 最大值：设置坐标轴的最大值。 刻度标签旋转的角度：控制刻度标签的旋转，在文字过长时可以避免重叠。
选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题： 页面管理
前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。
标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 进度条图形 颜色：设置图表中，图形的颜色。
将组件保存为卡片 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。
圆角半径：四边圆角时的圆角半径（取值为“0”时为直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图6 内边距设置后效果 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
创建大屏&PC端项目 在华为云Astro大屏应用中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“新建项目”。
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 基本漏斗图图形 颜色：设置图表中，图形的颜色。 统一配置 数据块高度(%)：设置漏斗图的高度比。 标签字体：设置数据块中标签的字体、颜色、大小。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表背景的颜色。 图表标题：图表的标题是否显示，设置为显示时，可自定义图表标题。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件的标题，如“π巡报警”。 内容：自定义组件标题的内容。 字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。
最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。 单位：热力的单位，支持“像素”单位和“米”单位的热力聚合。 半径：设置热力的聚合半径。 图14 设置半径 高度：设置热力最高点的高度值。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。
调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 实心圆饼图图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。
左边距：散点图到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色：设置图表中图形的颜色。 统一配置 标记图形：设置标记的图形，如圆形、矩形、三角形等。
圆角半径：四边圆角时的圆角半径（取值为“0”时为直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中，单击“+ 交互事件”，选择“当点击数据时”。 在响应动作中，单击“+ 响应动作”，选择“组件响应”。 在动作详情中，设置具体的响应动作。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
