1. 折线图

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

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

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

1.1 总览介绍

00-总览

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

1.1.1 设置

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

01-设置

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

1.1.2 编辑

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

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 5、Top 10、Top 20