云服务器内容精选

  • 图表类型与说明 每种图表都有其适用场景和数据要素(即,构成图表的字段)。下面为您介绍各种类型图表的使用场景、数据要素和样例展示。 表1 图表适用场景 类型 类型 说明 数据要素 线状图 线状图 折线图用来展示在相等的时间间隔下数据的趋势走向。 类别轴/维度 轴值/度量 颜色图例 折线柱图 折线柱图展示不同量级数据,支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图,可以比较各组数据之间的差别。 类别轴/维度 轴值/度量 颜色图例 双轴折线柱图 通过双轴展示不同量级数据。 组合图中折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图,可以比较各组数据之间的差别。 类别轴/维度 主轴值/度量 副轴值/度量 颜色图例 台阶图 台阶图是一种连续的数据分布的图形表现形式。 类别轴/维度 轴值/度量 颜色图例 饼状图 饼状图 饼图常用于展示数据中各项的大小与各项总和的比例。 类别轴/维度 轴值/度量 颜色图例 玫瑰图 玫瑰图展示各项数据间的比较情况,多适用于枚举型数据。 类别轴/维度 轴值/度量 颜色图例 环形进度条 环形进度条可以直观地展现出某个指标的进度。 进度值/目标值/度量 雷达图 雷达图可以展示分析所得数据或比率,方便查看各类数据指标及数据变化趋势 类别轴/维度 轴值/度量 颜色图例 柱状图 柱状图 柱图用来比较各组数据之间的差别,并且可以显示一段时间内的数据变化情况。 类别轴/维度 轴值/度量 颜色图例 水平柱状图 与柱状图类似,水平柱状图用横向的展示方式来比较数据间的大小以及各项之间的差距。 类别轴/维度 轴值/度量 颜色图例 折线柱图 折线柱图展示不同量级数据,支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图,可以比较各组数据之间的差别。 类别轴/维度 轴值/度量 颜色图例 双轴折线柱图 通过双轴展示不同量级数据。 组合图中折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中柱状图,可以比较各组数据之间的差别。 类别轴/维度 主轴值/度量 副轴值/度量 颜色图例 甘特图 甘特图用于展示各种任务进度。 标题/维度 名称/维度 状态/维度 开始时间/维度 结束时间/维度
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-雷达图 全局样式 字体:设置图表中文字的字体。 形状:设置图表中图像的形状,可设置为圆或多边形。 值标签 显示/隐藏值标签属性:单击“标签属性”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。 字体粗细:设置标签值的字体粗细样式。 角度轴 文本:设置图表中文字的字号、颜色、字体粗细。 旋转角度:输入数值或通过拖动设置旋转角度。 极轴 轴标签:设置极轴的最大值和最小值 颜色:设置极轴的颜色。 宽度:设置极轴的宽度。 图2 极轴-雷达图 分割线 颜色:设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:设置分割线的样式,可为实线、虚线或点画线。 线条宽度:输入数值或单击设置分割线的线条宽度。 图3 分割线-雷达图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的字号、颜色和字体粗细。 布局:设置图例的位置,左右间距,上下间距,图例间距。 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。 更新动画:组件数据更新时的动画时长,单位为ms。 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。