检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
右边距：进度条到组件边框右侧的距离。 下边距：进度条到组件边框底部的距离。 左边距：进度条到组件边框左侧的距离。 配置 在配置中，设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板：系统预置的进度条模板，单击默认或参考配色模板可进行切换。 组件标题 设置标题：是否显示组件标题。
图层管理 视图切换 组件图层位置移动 筛选组件
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 图表标题 显示图表标题：是否显示图表标题。 标题内容：设置标题内容。 标题位置：标题显示位置，支持左、中和右。 标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。
图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 玫瑰花饼图图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。
标题获取：设置标题获取方式，支持自定义和从系列名获取。 标题内容：“标题获取”设置为“自定义”时，可自定义标题的内容。 标题位置(上%)：设置标题距离组件上边界的距离。 标题位置(左%)：“标题获取”设置为“自定义”时，支持设置标题距离组件左边界的距离。 字体：设置标题字体、大小和颜色。 图形
图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 满月饼图图形 颜色：设置组件中，图表的图形颜色。 统一配置 数据系列：是否显示该系列数据。如果不显示，会隐藏该组件中对应的系列数据。
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
将下载到本地的项目安装包，发送给其他需要安装的用户。 其他用户在B环境华为云Astro大屏应用界面，单击“导入项目包”。 选择安装包，安装该项目即可。 安装成功后，界面会显示“安装包成功”。在已安装的项目上，单击项目图标，即可进入该项目。 父主题： 发布及安装项目
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
预置多种团队空间角色，预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式，快捷配置灵活实现布局 功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选中一个或多个组件，按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题： 组件管理
图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。 文字风格：设置图例文字的风格，支持正常、斜体和倾斜体。 图例位置(左)：图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 左间距：图例到散点图组件左侧距离占组件高度。 上间距：图例到散点图组件顶部距离占组件高度。
标题行高度：设置标题的行高，单位px。 背景色：设置标题背景的颜色。 文本位置：设置标题文本位置。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。
鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为“显示”后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。 引导线长度：设置标签引导线的长度。 标签内容：
鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为显示后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。 图7 设置为是显示效果 引导线长度：设置标签引导线的长度。
100]。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：是否显示标签。 所有标签悬浮设置：标签悬浮设置。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：标签视觉引导线设置。 引导线长度：设置引导线的长度。 标签内容：标签内容是否显示系列名、数据名、数据值和百分比。
才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 树状表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。
鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：图表的各个数据系列上，是否显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：标签前是否显示视觉引导线。 引导线长度：设置视觉引导线的长度。 标签内容：设置标签显示的内容，如系列名、数据值和百分比。
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
