label error rate chart (#303)

ludeknovy · Jan 25, 2023 · b6f0690 · b6f0690
1 parent a483dbb
commit b6f0690
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/_services/item-chart.service.ts b/src/app/_services/item-chart.service.ts
@@ -22,7 +22,7 @@ export class ItemChartService {
       threads, overallTimeResponse,
       overallThroughput, overAllFailRate, overAllNetworkV2,
       responseTime, throughput, networkV2, minResponseTime, maxResponseTime, percentile90,
-      percentile95, percentile99, statusCodes
+      percentile95, percentile99, statusCodes, errorRate,
     } = plot;
 
     const threadLine = { ...threadLineSettings, name: "virtual users", data: threads, tooltip: { valueSuffix: "" } };
@@ -78,6 +78,9 @@ export class ItemChartService {
     if (percentile99) {
       chartLines.labels.set(Metrics.ResponseTimeP99, percentile99.map((label) => ({ ...label,  suffix: " ms" })));
     }
+    if (errorRate) {
+      chartLines.labels.set(Metrics.ErrorRate, errorRate.map((label) => ({ ...label, suffix: " %" })))
+    }
     chartLines.labels.set(Metrics.ResponseTimeAvg, responseTime.map((label) => ({ ...label,  suffix: " ms" })));
     chartLines.labels.set(Metrics.Throughput,  throughput.map((label) => ({ ...label,  suffix: " reqs/s" })));
 

diff --git a/src/app/item-detail/label-chart/label-chart.component.ts b/src/app/item-detail/label-chart/label-chart.component.ts
@@ -37,6 +37,7 @@ export class LabelChartComponent implements OnChanges {
     [Metrics.ResponseTimeP90, commonGraphSettings("ms")],
     [Metrics.ResponseTimeP95, commonGraphSettings("ms")],
     [Metrics.ResponseTimeP99, commonGraphSettings("ms")],
+    [Metrics.ErrorRate, commonGraphSettings("%")]
   ]);
 
   constructor() {
@@ -78,7 +79,7 @@ export class LabelChartComponent implements OnChanges {
       if (this.responseTimeMetricGroup.includes(metric)) {
         responseTimesSeries.push({ data: labelMetricsData.data, suffix: labelMetricsData.suffix, name: metric, yAxis: 0 });
       } else {
-        this.labelCharts.set(metric, { ...chartSettings, series: [labelMetricsData, threadLine] });
+        this.labelCharts.set(metric, { ...chartSettings, series: [{ data: labelMetricsData.data, suffix: labelMetricsData.suffix, name: metric }, threadLine] });
       }
     });
     this.labelCharts.set("Response Times", { ...commonGraphSettings("ms"), series: [...responseTimesSeries, threadLine] });