机器数据分析平台

  • 机器数据分析平台 > 使用文档 > 可视化手册 > 可视化图表 >组合图 > 簇状柱形图+次坐标轴上的折线图

    簇状柱形图+次坐标轴上的折线图

    最近更新时间:2021-09-24 16:19:31

    簇状柱形图+次坐标轴折线图组合图由簇状柱形图+折线图组合组成,但是两个图形的Y轴不相同,柱形图使用左侧的Y轴,折线图使用右侧的Y轴。通过在一个图表内使用柱形图和折线图的组合,绘出多个数据序列,对于突出显示各种数据序列之间的关系非常有用。分组只针对簇状柱形图进行分组。
    簇状柱形图+次坐标轴上折线图组合图适用于既需要组合图表示序列的分类有需要表示趋势的场景,且两者的数据大小有较大差别

    样式配置说明

    簇状柱形图+次坐标轴上折线图组合图的配置项由X轴、左Y轴、右Y轴、分组、对比基线、图例、图表样式、颜色8部分组成

    X轴

    X轴用于配置图表的X轴相关信息

    配置项 说明
    字段 X轴的字段,只能选择单个字段
    坐标轴名称 坐标轴名称是否显示设置,默认显示X轴字段,可手动修改
    X轴类型 默认根据选择的X轴字段进行自动识别,可修改。对于X轴为线性、对数、时间类型的可以设置其轴的最小值和最大值
    轴标签显示 标签的显示方式,当标签过多时最好选择自适应
    标签旋转 标签的旋转方式,可以帮助您更美观地展示标签

    左Y轴

    左Y轴用于配置图表左边的Y轴相关信息,即柱形图的信息

    配置项 说明
    字段 柱形图的Y轴的字段,只能选择单个字段
    坐标轴名称 坐标轴名称是否显示设置,默认显示Y轴字段,可手动修改
    Y轴类型 默认为线性,对于Y值变化范围差异很大的数据可以选择对数
    最小值 不填写则自动,表示Y轴的最小值
    最大值 不填写则自动,表示Y轴的最大值
    刻度间隔 表示Y轴刻度间隔的方式,可以设置等分的分数或者固定间隔
    数值精度 Y轴的数值单位
    数值单位 Y轴的数值精度

    右Y轴

    右Y轴用于配置图表右边的Y轴相关信息,即折线图的信息

    配置项 说明
    字段 折线图的Y轴的字段,只能选择单个字段
    坐标轴名称 坐标轴名称是否显示设置,默认显示Y轴字段,可手动修改
    Y轴类型 默认为线性,对于Y值变化范围差异很大的数据可以选择对数
    最小值 不填写则自动,表示Y轴的最小值
    最大值 不填写则自动,表示Y轴的最大值
    刻度间隔 表示Y轴刻度间隔的方式,可以设置等分的分数或者固定间隔
    数值精度 Y轴的数值单位
    数值单位 Y轴的数值精度
    空值模式 表示存在X,不存在Y的时候,绘图的模式,可以直接展示空值。或者此时Y轴用0代替后链接,还可以直接跳过空值连接存在值的数据点

    分组

    分组用于将数据进行分组,支持多个分组字段。会根据配置字段的取值生成不同颜色的柱形。注意:分组只针对柱形图进行分组

    对比基线

    对比基线可设置一条基线,通过此基线可以清晰呈现数据与基线的差距。可以设置多个对比基线,一个基线可以设置其基线名称、颜色、基线类型、基线的值

    图例

    图例用于配置图表图例相关信息

    配置项 说明
    图例位置 图例展示的位置,图例包括了图表的图例和基线的图例
    图表图例 可以设置其显示和隐藏,显示时可以显示数据的当前值、平均值、最小值、最大值、总和、中位数和纵数
    基线图例 可以设置其显示和隐藏

    图表样式

    图表样式用于配置图表相关样式信息,支持配置柱形图和折线的样式

    配置项 说明
    值标签显示 表示是否需要在柱子上面显示具体的标签值,可以选在在柱子的中间或者顶部显示标签值
    线条 可以设置折线的线条是否平滑
    拐点 对于特别强调变化趋势的变化点,可以设置拐点,同时也显示每个点具体的值

    颜色

    颜色用于设置折线的颜色,支持选择颜色模板,即选择系统定义好的不同风格的配色方案,也支持修改单个柱形/折线的颜色。对于某些需要强调颜色的分组,可以自定义颜色,如error用红色表示

    示例

    1、查询最近7天除搜索外的不同操作类型的操作次数对比。同时,呈现每个操作的错误次数趋势

    repo="_internal"
    | where action.name != "search"
    | eval response.statusName=if(response.statusName="OK",0,1)
    | stats count() as count,sum(response.statusName) as error by action.name
    | eval error_rate=error/count
    | sort by count
    | rename count as "操作总次数",error as "错误次数",action.name as "操作类型",error_rate as 操作失败率
    
    
    • X轴选择操作类型,左Y轴柱形字段选择操作总次数、右Y轴折线字段选择操作失败率,绘制簇状柱形图+次坐标轴折线图组合图
    • 添加图例展示操作次数/失败率的总和和最大值情况
    • 修改操作失败率的折线颜色为橙色,更清晰呈现失败情况
      image.png

    2、查询最近7天除搜索外的不同操作类型的操作次数对比,且操作成功与失败区分显示。同时直观呈现错误率的趋势

    repo="_internal"
    | where action.name != "search"
    | eval response.statusName=if(response.statusName="OK",0,1)
    | stats count() as count,sum(response.statusName) as error by action.name,response.statusName
    | join type=left action.name [repo="_internal"
    | where action.name != "search"
    | eval response.statusName=if(response.statusName="OK",0,1)
    | stats count() as count,sum(response.statusName) as error by action.name
    | eval error_rate=error/count]
    | sort by count
    | rename count as "操作次数",error as "错误次数",action.name as "操作类型",error_rate as 操作失败率,response.statusName as "操作结果"
    
    • X轴选择操作类型,左Y轴柱形字段选择操作总次数、右Y轴折线字段选择错误率,分组字段选择操作结果。绘制簇状柱形图+次坐标轴上的折线图组合图
    • 在图表样式中设置值标签显示为顶部,折线的拐点为圆,显示值标签,能更加清晰呈现为每个操作类型下成功与失败的次数以及失败率
      image.png
    以上内容是否对您有帮助?
  • Qvm free helper
    Close