折线图

# 1. 折线图

折线图显示随时间而变化的连续数据,因此非常适用于查看在一定时间范围内数据的趋势。

在 DeepFlow 中的折线图中分为两类: 普通折线图、TOP N 折线图

  • 普通折线图: 展示查询的全部数据随时间的变化
  • TOP N 折线图: 先将查询的数据,按分组取 TOP N,然后再展示取得的 TOP N 服务或资源的数据随时间的变化

# 1.1 总览介绍

00-总览

00-总览

  • ① 查询区域: 图表的基础操作,使用详情,请参阅【流量拓扑 - 修改指标量】章节
  • ② 修改指标量: 图表的基础操作,使用详情,请参阅【流量拓扑】章节
  • ③ 设置: 图表的基础操作,使用详情,请参阅【设置】章节
  • ④ 删除: 图表的基础操作,使用详情,请参阅【流量拓扑 - 总览介绍】章节

# 1.1.1 设置

用户可点击设置按钮来对图表操作。

01-设置

01-设置

  • 编辑: 可以对图表进行修改编辑,如修改搜索条件、名称、更改保存视图位置、打开图表原功能页面等,使用详情,请参阅【编辑】章节
  • 复制:视图中的能力,支持在视图中对图表进行复制
  • 下载CSV数据: 图表的基础操作,使用详情,请参阅【流量拓扑 - 设置】章节
  • 查看API: 图表的基础操作,使用详情,请参阅【流量拓扑 - 设置】章节

# 1.1.2 编辑

折线图编辑框由三部分组成,分别为① 图表② 搜索条件③ 配置

02-编辑.png

02-编辑.png

  • ① 图表: 图表根据② 搜索条件③ 配置进行绘制
  • ② 搜索条件: 搜索条件的使用,请参阅【搜索】章节
  • ③ 配置: 支持快速切换图表类型、图表进行样式及相关功能进行配置
    • 切换图表类型: 可快速切换图表类型,仅视图中的图表支持切换
    • 常规配置: 有丰富的功能支持对图表进行样式设置
      • 图表信息: 支持编辑图表名称、添加描述
        • 标题: 支持修改图表名称
        • 描述: 支持添加图表相关描述信息,markdown 格式内容,可添加链接、图片等
      • 指标设置: 支持对② 搜索条件添加的指标设置别名、单位、阈值
      • 图表样式: 折线图展示样式进行配置
        • 展示形式:可选择线三种方式绘图
        • 绘制方式:可选择四种方式连接线
        • 节点展示: 数据节点可切换展示为,空心圆、空心矩阵、实心圆、实心矩阵
        • 线条样式:数据线条可切换展示为,实现、虚线、点虚线
        • 区域填充: 可对折线与坐标中之间的面积进行颜色填充
        • 显示数值: 跟随鼠标移动显示对应数据序列值
        • 数据堆叠: 支持将多个数据系列以堆叠或平铺方式展示
          • 堆叠:将多个数据系列的数值在同一坐标系中进行堆叠显示,以展示它们的总体趋势和各自的贡献
          • 平铺:将多个数据系列的数值在同一坐标系中进行平铺显示,以便更好地展示它们之间的差异和关系
      • 颜色: 支持对当前图表设置颜色
      • 图例: 设置图例的显示状态、图例位置、显示值及展示形式
        • 模式:可选择图例或表格形式展示
        • 位置:支持在图表正下方、右侧展示
        • 显示值:可选择展示指标的Avg、Max、Min、Max
      • 轴线: 设置背景线、坐标轴线
        • 背景线:支持设置直线、网格线或关闭背景线
        • 坐标轴显示:可选择显示或隐藏坐标轴
      • 数据过滤: 可选择隐藏空值、0 值的数据
    • 高级配置:
      • Tip: Tip 展示的方式配置
        • 提示模式:可选择全部单一隐藏三种方式
          • 全部:展示全部序列的数据
          • 单一:仅展示鼠标选中高亮的序列的数据
          • 隐藏:不显示 Tip
        • 序列名称:可显示或隐藏序列名称
      • 数据过滤:
        • 补值方式:支持三种方式对空数据进行补值
          • Fill 0:默认数据补值方式
            • 折线图:折线图补齐数据为0,tip 显示的值为0
            • 柱状图:柱状图不显示高度,柱状图tip显示数据为0
          • Fill null:时间点无值
            • 折线图:折线图中断,tip 显示的值为
            • 柱状图:柱状图不显示高度,tip 显示数据为
          • Fill none:无时间点
            • 折线图:折线图忽略此点,与下一点连线,此时间节点 tip 显示为上一个有数据的 时间点的 tip
            • 柱状图:柱状图不显示高度,此时间节点 tip 显示为上一个有数据的时间点的 tip
        • 隐藏序列:支持隐藏数据全为 0 的序列数据全为 null 的序列
      • 数据排序:
        • Top 排序:支持对数据进行升序/降序排序
        • Top N:结合Top 排序,将返回数值最小/最大的前几条数据
          • 可选择Top 5Top 10Top 20