检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。
圆角半径：四边圆角时的圆角半径（取值为“0”时为直角，“100”为圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色：设置图表中图形的颜色。 统一配置
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图9 基本折线图图例 显示图例：是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记：设置图例小图标形状。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
下“s”的取值。 图例标记：设置图例小图标形状和图例列表布局朝向。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。 边框颜色：设置标记边框颜色。 图形透明度：散点图散点的透明度，取值0~1。 数据标签：显示散点对应的数值标签。 图表标注和标线最大值：显示散点数据的最大值。 图表标注和标线最小值：显示散点数据的最小值。 图表标注和标线平均值：显示散点数据的平均值。
页签内容：设置当前路由页签的显示内容。 页签路由：选择当前路由页签关联的页面，只能选择已发布的页面。 默认文字：设置路由页签默认文字的字体、颜色和大小等。 默认样式：设置路由的默认样式，支持设置为颜色和自定义。 悬浮文字：设置鼠标悬浮在路由上时，页签内容的字体、大小和颜色等。 悬浮样式：
前缀字体：设置前缀的字体、大小和颜色等。 右间距：设置前缀和趋势数字之间的间距。 后缀：是否显示后缀，设置为“显示”时，支持设置如下属性。 后缀内容：输入后缀的内容。 后缀字体：设置后缀的字体、大小和颜色等。 左间距：设置后缀和趋势数字之间的间距。 趋势图标：是否显示趋势图标，设置为“显示”时，支持设置如下属性。
文本位置：设置分页文本显示位置，支持靠左、靠右和居中显示。 背景色：设置分页背景颜色。 字体：设置分页的字体、大小和颜色等。 选中框颜色：设置选中分页时边框的颜色，包括每页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。
字体：设置数据系列中数据的字体、颜色和大小等。 表头字体：设置表头的字体、颜色和大小等。 排序：是否开启排序功能，开启后支持设置图标背景颜色、悬浮时的背景颜色和选中时的背景颜色等。 数据 在数据中，设置通用表格组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置通用表格
列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。 内容字体：设置表格内容的字体、颜色和大小等。 数据 在数据中
页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。
引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，如图7显示的为数据值，也可以设置为百分比、系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：实心圆饼图间系列和整体范围的描边样式。 设置背景：设置饼图的背景。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。 垂直方向偏移距离：气泡图中气泡在垂直方向上的偏移位置。 图形透明度：气泡图中气泡的透明度。 数据标签：显示气泡图对应的数值标签。 图表标注和标线最大值：显示对应数据系列数据的最大值。 图表标注和标线最小值：显示对应数据系列数据的最小值。 图表标注和标线平均值：显示对应数据系列数据的平均值。
图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距：图例到柱图组件顶部距离占组件高度。 翻页按钮：翻页按钮的颜色。 翻页按钮不激活：翻页按钮不激活时的颜色。 自定义图例显示：是否开启自定义图例
引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，可以包含数据值、百分比和系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：基本饼图间系列和整体范围的描边样式。 设置背景：饼图背景颜色、内外半径设置。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 排行榜图形 统一配置 对齐方式：设置组件的对齐方式，如水平居中、居左和居右。 字体：设置组件的字体、大小和颜色等。 评星大小：设置评星显示星星的大小号。 数据系列 原数据名
选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。
图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。 字体：设置小图标的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 文字风格：设置小图标文字的风格，支持设置为正常、斜体和倾斜体。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
