检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页面开发流程 在AstroCanvas可视化开发页面，通过拖拽组件、设置页面布局、对接业务数据等，即可构建AstroCanvas大屏&PC端/移动端页面，具体流程如图4所示。 图4 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍，请参见如何进行设置页面。
设置页面的背景图片或者颜色。选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题： AstroCanvas学堂
js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 {widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在
地打包好的自定义桥接器包。 设置发行说明后，单击“提交”。 在桥接器列表中，可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作，创建一个项目。 项目创建后，参考使用空白画布新建页面中操作，新建一个空白页面。 进入开发页面，从“全部组件 > 图表”中，拖拽玫瑰花饼图组件到画布中。
登录AstroCanvas界面 在Astro轻应用中，您可以通过多种方式登录AstroCanvas。在使用AstroCanvas时，请结合实际情况，选择对应的方式登录AstroCanvas界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买AstroCanva
登录AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。 图2 新建项目 在大屏&PC端项目中，单击“+ 新建页面”，选择“新建空白页面”。 输入页面标题“人员来访统计”，单击“新建”。 页
色。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图10 参考线 统一配置 > 参考线两端样式：设置参考线两端的显示样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增
参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图10 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 图11 Y轴参考线两端样式 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图11 参考线 统一配置：设置参考线两端的样式，如圆形、矩形等。 图12 Y轴参考线两端样式 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，可新
参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图12 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 图13 Y轴参考线两端样式 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图12 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 图13 Y轴参考线两端样式 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
字体：设置文本字体、大小和颜色等。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式：文本内容为多行时，支持居中、左对齐、右对齐和两端对齐。 文本位置：文本内容为一行时，支持居中、左对齐和右对齐。 行高：设置行高。 文字间距：设置文字之间的间距。 首行缩进：文本首行是否缩进，设置为0，表示不缩进。
刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图12 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置Y轴标签展示样式，如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图10 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置Y轴标签展示样式，如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图9 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置Y轴标签展示样式，如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图9 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图10 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置Y轴标签展示样式，如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图9 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置Y轴标签展示样式，如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图11 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
标签展示：设置标签展示为“默认”或“计数单位”。 参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图11 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
