云服务器内容精选
-
图表类型与说明 每种图表都有其适用场景和数据要素（即，构成图表的字段）。下面为您介绍各种类型图表的使用场景、数据要素和样例展示。 表1 图表适用场景 类型 类型 说明 数据要素 线状图 线状图 折线图用来展示在相等的时间间隔下数据的趋势走向。 类别轴/维度 轴值/度量 颜色图例 折线柱图 折线柱图展示不同量级数据，支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图，可以比较各组数据之间的差别。 类别轴/维度 轴值/度量 颜色图例 双轴折线柱图 通过双轴展示不同量级数据。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图，可以比较各组数据之间的差别。 类别轴/维度 主轴值/度量 副轴值/度量 颜色图例 台阶图 台阶图是一种连续的数据分布的图形表现形式。 类别轴/维度 轴值/度量 颜色图例 饼状图 饼状图 饼图常用于展示数据中各项的大小与各项总和的比例。 类别轴/维度 轴值/度量 颜色图例 玫瑰图 玫瑰图展示各项数据间的比较情况，多适用于枚举型数据。 类别轴/维度 轴值/度量 颜色图例 环形进度条 环形进度条可以直观地展现出某个指标的进度。 进度值/目标值/度量 雷达图 雷达图可以展示分析所得数据或比率，方便查看各类数据指标及数据变化趋势 类别轴/维度 轴值/度量 颜色图例 柱状图 柱状图 柱图用来比较各组数据之间的差别，并且可以显示一段时间内的数据变化情况。 类别轴/维度 轴值/度量 颜色图例 水平柱状图 与柱状图类似，水平柱状图用横向的展示方式来比较数据间的大小以及各项之间的差距。 类别轴/维度 轴值/度量 颜色图例 折线柱图 折线柱图展示不同量级数据，支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图，可以比较各组数据之间的差别。 类别轴/维度 轴值/度量 颜色图例 双轴折线柱图 通过双轴展示不同量级数据。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图，可以比较各组数据之间的差别。 类别轴/维度 主轴值/度量 副轴值/度量 颜色图例 甘特图 甘特图用于展示各种任务进度。 标题/维度 名称/维度 状态/维度 开始时间/维度 结束时间/维度
-
样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 尺寸位置-雷达图 全局样式 字体：设置图表中文字的字体。 形状：设置图表中图像的形状，可设置为圆或多边形。 值标签 显示/隐藏值标签属性：单击“标签属性”右侧的勾选框，表示显示值标签，表示隐藏值标签。 字号：设置标签值的字号。 颜色：设置标签值的字体颜色。 字体粗细：设置标签值的字体粗细样式。 角度轴 文本：设置图表中文字的字号、颜色、字体粗细。 旋转角度：输入数值或通过拖动设置旋转角度。 极轴 轴标签：设置极轴的最大值和最小值 颜色：设置极轴的颜色。 宽度：设置极轴的宽度。 图2 极轴-雷达图 分割线 颜色：设置分割线的颜色。 线条数量：输入数值或单击设置分割线的线条数量。 线条样式：设置分割线的样式，可为实线、虚线或点画线。 线条宽度：输入数值或单击设置分割线的线条宽度。 图3 分割线-雷达图 图例 显示/隐藏图例：单击“图例”右侧的勾选框，表示显示图例，表示隐藏图例。 文本：设置图例的字号、颜色和字体粗细。 布局：设置图例的位置，左右间距，上下间距，图例间距。 提示信息 显示/隐藏提示信息：单击“提示信息”右侧的勾选框，表示预览组件或查看发布组件，鼠标悬浮在图上时显示提示信息；表示预览组件或查看发布组件，鼠标悬浮在图上时不显示提示信息。 颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。 字体粗细：设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。 更新动画：组件数据更新时的动画时长，单位为ms。 是否从之前位置开始：开启后，组件数据更新时，从上一个数据的位置开始播放动画；关闭后，组件数据更新时，从初始位置开始播放动画。
-
指标 指标是指可视化组件中，对除可视化图形之外的具体补充，即主要以文字和数字的表现形式，为可视化组件提供具体数值的参考。 图13 基本饼图指标 显示指标：图表中是否显示指标。 标题内容：自定义指标的文字内容。 标题字体：设置指标标题的字体、大小和颜色等。 自动求和：指标是否自动求和。 数值内容：“自动求和”设置为“否”时，可自定义指标数值。如果为自动求和，此处的值为工程管理value和环境管理value的数据之和。 数值字体：设置指标数值的字体、大小和颜色。
-
图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色：设置图表中，图形的颜色。 统一配置：统一配置中设置的内容，对图表中所有数据系列均生效。 数据系列：图表是否显示数据系列。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。 圆心横坐标：设置饼图圆心横坐标的值，单位%。 圆心纵坐标：设置饼图圆心纵坐标的值，单位%。 排布顺序：扇区可按顺时针或逆时针排布。 起始角度：扇区起始角度。 最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为显示后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。 引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，可以包含数据值、百分比和系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：基本饼图间系列和整体范围的描边样式。 设置背景：饼图背景颜色、内外半径设置。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：图表中实际显示的系列名。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 条件色：单击“新增条件格式”，可设置条件和响应数据列的样式。如图7中所示，该设置表示环境管理满足设置的条件（大于300）时，显示为红色，否则显示为正常颜色。 图7 设置条件格式 纹理：通过上传纹理图片，自定义数据系列的颜色格式。 普通标签：未选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值“635”。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比“67.2”%。 普通标签字体：设置标签内容的字体、颜色和大小等。 高亮标签：选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值635。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比67.2%。 高亮标签字体：设置标签内容的字体、颜色和大小等。
-
图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图8 基本饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持顶部对齐、居中、底部对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图9 滚动翻页效果 图10 普通换行效果 图例项宽度：设置图例的宽度，支持自动和自定义。 图例间隔：设置图例项之间的间隔。 图例标记 图例标记：设置图例前图标的形状。 标记高度：设置图例前图标的宽度和高度。 图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 图11 图例字符设置效果 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。 前缀：数值前是否显示前缀。 前缀内容：设置前缀的显示内容。 前缀字体：设置前缀的字体、大小和颜色等。 前缀右间距：设置前缀和数值之间的间距。 后缀：数值后是否显示后缀。 后缀内容：设置后缀的显示内容。 后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和数值之间的间距。 百分比：是否显示百分比。设置为“显示”时，支持设置如下参数。 数字字体：设置百分比中数值的字体、大小和颜色等。 百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。
-
查看柱状图 登录 云日志 服务控制台。 在左侧导航栏中，选择“日志管理”，进入日志管理页面。 在日志管理页面中，选择目标日志组和日志流，进入日志流详情页面。 选择“ 日志分析 ”。 请参考SQL分析语法输入查询和分析语句，设置查询和分析的时间范围，单击“查询”。 单击图标，使用柱状图展示查询数据。在通用配置下方，参考表1配置参数。 图1 柱状图 表1 柱状图参数说明 类别 参数 说明 标准配置 格式化 将Y轴按照指定格式进行显示。 单位 自定义配置Y轴的单位。 小数点位数 设置显示数值小数点位数。 图表名称字号 设置图表名称的字号大小。 柱配置 方向 选择基础柱状图或横向柱状图。 柱宽度 设置柱宽度。 是否显示值 开启后，显示各个条形体对应的数值。 值字体大小 设置各个条形体对应的数值字体大小 是否堆叠 开启后，将堆叠显示Y轴数据。 查询分析设置 X轴数据 支持数字或字符串数据。 Y轴数据 支持数字或字符串数据，可以选择多个数据。 图例配置 隐藏图例 开启后，可以隐藏图例和对比值的显示。 图例位置 图例在图表中的位置，选择图表顶部或图表右边。 对比数值 选择显示最大值、最小值、平均值、求和值等，可勾选多个。 图形配置 上边距 坐标轴距离图表上边界距离。 下边距 坐标轴距离图表下边界距离。 左边距 坐标轴距离图表左边界距离。 右边距 坐标轴距离图表右边界距离。 Tooltip配置 不排序、升序、降序 提示框配置，当Y轴数据选择多个时，可对其进行排序显示。 X轴 显示X轴 开启后，显示X轴数据。 X轴名称 设置X轴名称。 Y轴 显示Y轴 开启后，显示Y轴数据。 Y轴名称 设置Y轴名称。 Y轴位置 设置Y轴位置，左边或者右边。
-
属性 图表名称：当前折线图组件的名称。 数据范围：设置折线图中需展示的表单数据，通过选择单个表单或多个表单形成数据集。 横轴设置：设置横轴参数。 横轴字段：从数据集中选择横轴展示的字段。 纵轴设置：设置纵轴参数。 统计方式：分为统计记录总数和统计字段数值。 统计记录总数：统计横轴每个值的记录数。 统计字段数值：统计字段数值的汇总方式，包含总和、平均值、最大值和最小值。 纵轴字段：选择需要统计数值的字段。当纵轴选择“统计字段数值”时，需设置“统计字段”属性。 分组设置：用于根据横轴和纵轴展示组内每一类数值。 分组字段：设置需要分组的字段。 例如：如图2所示，横轴表示商品种类，纵轴表示数量，使用时间字段进行分组。每一条折线表示某个时间每一种商品的数量。 图2 折线图分组功能 联动表格：从当前设计页面中选择和折线图实现数据联动的表格。用户单击折线图，表格中会显示对应的数据。
