折线图

# 1. 折线图

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

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

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

# 1.1 折线图

# 1.1.1 总览介绍

4_1.png

4_1.png

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

# 1.1.2 设置

用户可点击齿轮按钮来对子视图操作。

4_2.png

4_2.png

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

# 1.1.3 编辑

子视图编辑框由三部分组成,分别为① 子视图② 搜索条件③ 样式与设置

4_3.png

4_3.png

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