检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增
操作场景 通过锁定功能，锁定多个可视化页面中已配置完成的组件，使之不被随意改动。 组件锁定后，不受可视化页面布局过程中的其他操作影响。 组件锁定后，无法在画布上对组件进行任何操作，直到解锁后才能恢复。 组件锁定后，可避免组件过多引起的误操作。 锁定组件 参考登录华为云Astro大屏应
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的服务采购）。设置为“显示”时，可自定义标题的如下属性。 内容：组件标题显示的文字内容。 字体：设置组件标题的字体样式、大小和颜色等。 对齐：标题相对于组件的对齐方式，如左对齐、居中和右对齐。
、左、右）的距离。 图4 散点图布局 上边距：散点图到组件边框顶部的距离。 右边距：散点图到组件边框右侧的距离。 下边距：散点图到组件边框底部的距离。 左边距：散点图到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
选中基本折线图组件，单击组件上方的，设置组件标题“内容”为“告警平均处理时长统计”。 图10 设置基本折线图组件标题 选中基本折线图组件，单击组件上方的，打开Y轴轴线“显示”开关。 图11 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
选中基本柱图组件，单击组件上方的，在统一配置中将数据系列中柱条宽度设置为8。 图15 设置柱条宽度为8 选中基本柱图组件，单击组件上方的，显示x轴网格线，显示y轴轴线，隐藏y轴网格线。 图16 显示x轴网格线 图17 显示y轴轴线、隐藏网格线 选中基本柱图组件，单击组件上方的，设置标题“内容”为“人员流程统计
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
、左、右）的距离。 图4 气泡图布局 上边距：气泡图到组件边框顶部的距离。 右边距：气泡图到组件边框右侧的距离。 下边距：气泡图到组件边框底部的距离。 左边距：气泡图到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。 内容字体：设置表格内容的字体、颜色和大小等。 数据 在数据中，设置树状表格组件的数据来源，更多介绍请参见数据接入。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 排行榜图形 统一配置 对齐方式：设置组件的对齐方式，如水平居中、居左和居右。 字体：设置组件的字体、大小和颜色等。 评星大小：设置评星显示星星的大小号。 数据系列 原数据名
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平基本柱图图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。
引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，如图7显示的为数据值，也可以设置为百分比、系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：实心圆饼图间系列和整体范围的描边样式。 设置背景：设置饼图的背景。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 双向柱图图形 颜色：设置图表中，图形的颜色。 统一配置 水平堆叠：是否堆叠显示（多数据系列效果）。 横向柱条：是否横向柱条效果显示。
内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与玫瑰花饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件的边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样
角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本柱图图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。
下“s”的取值。 图例标记：设置图例小图标形状和图例列表布局朝向。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
