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

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

样式配置说明

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

X轴

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

左Y轴

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

右Y轴

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

分组

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

对比基线

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

图例

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

图表样式

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

颜色

颜色用于设置折线的颜色，支持选择颜色模板，即选择系统定义好的不同风格的配色方案，也支持修改单个柱形/折线的颜色。对于某些需要强调颜色的分组，可以自定义颜色，如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轴折线字段选择操作失败率，绘制簇状柱形图+次坐标轴折线图组合图
• 添加图例展示操作次数/失败率的总和和最大值情况
• 修改操作失败率的折线颜色为橙色，更清晰呈现失败情况
  

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轴折线字段选择错误率，分组字段选择操作结果。绘制簇状柱形图+次坐标轴上的折线图组合图
• 在图表样式中设置值标签显示为顶部，折线的拐点为圆，显示值标签，能更加清晰呈现为每个操作类型下成功与失败的次数以及失败率