1. 折线图

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

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

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

1.1 总览介绍

00-总览

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

1.1.1 设置

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

01-设置

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

1.1.2 编辑

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

02-编辑

• ① 图表: 图表根据② 搜索条件、③ 样式与设置进行绘制
• ② 搜索条件: 搜索条件的使用，请参阅【搜索】章节
• ③ 样式与设置: 对图表进行样式、名称等设置
  • 样式: 有丰富的功能支持对图表进行样式设置
    • 标题: 支持修改图表名称
    • 图表样式:
      • 展示形式：折线图切换展示方式，可进行折线图、柱状图、散点图直接相互切换展示
      • 节点展示: 数据节点可切换展示为，空心圆、空心矩阵、实心圆、实心矩阵
      • 线条样式：数据线条可切换展示为，实现、虚线、点虚线
      • 阶梯线图的拐弯点: 支持设置数据拐弯点的位置
      • 区域填充: 可对折线与坐标中之间的面积进行颜色填充
      • 数据堆叠: 支持将多个数据系列以堆叠或平铺方式展示
        • 堆叠：将多个数据系列的数值在同一坐标系中进行堆叠显示，以展示它们的总体趋势和各自的贡献
        • 平铺：将多个数据系列的数值在同一坐标系中进行平铺显示，以便更好地展示它们之间的差异和关系
    • Tooltip: 可设置鼠标悬浮时 Tip 提示方式
    • 颜色: 支持对当前图表设置颜色
    • 图例: 设置图例的显示状态、图例位置、图例名称全显、过滤显示图例以及是否现实图例表格
    • 布局: 设置折线图在显示框中的位置
    • 轴线: 设置坐标的角度、是否显示刻度
    • 数据过滤: 可选择隐藏空值、0 值的数据
  • 设置:
    • 补值方式：支持三种方式对空数据进行补值
      • Fill 0：默认数据补值方式
        • 折线图：折线图补齐数据为0，tip 显示的值为0
        • 柱状图：柱状图不显示高度，柱状图tip显示数据为0
      • Fill null：时间点无值
        • 折线图：折线图中断，tip 显示的值为空
        • 柱状图：柱状图不显示高度，tip 显示数据为空
      • Fill none：无时间点
        • 折线图：折线图忽略此点，与下一点连线，此时间节点 tip 显示为上一个有数据的 时间点的 tip
        • 柱状图：柱状图不显示高度，此时间节点 tip 显示为上一个有数据的时间点的 tip
    • Top排序：支持对数据进行升序/降序排序