From 4b4523c4c557cae3a3e69705abdf14574b9de0c6 Mon Sep 17 00:00:00 2001
From: Frantisek Lachman <flachman@redhat.com>
Date: Mon, 4 Sep 2023 09:33:23 +0200
Subject: [PATCH] Use more colors for the trend line chart

So it's more readable.

Signed-off-by: Frantisek Lachman <flachman@redhat.com>
---
 frontend/src/app/Usage/UsageInterval.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/app/Usage/UsageInterval.tsx b/frontend/src/app/Usage/UsageInterval.tsx
index b6b51bc..28def33 100644
--- a/frontend/src/app/Usage/UsageInterval.tsx
+++ b/frontend/src/app/Usage/UsageInterval.tsx
@@ -13,6 +13,7 @@ import {
     ChartLine,
     createContainer,
     ChartLegendTooltip,
+    ChartThemeColor,
 } from "@patternfly/react-charts";
 
 import { ErrorConnection } from "../Errors/ErrorConnection";
@@ -124,6 +125,7 @@ const UsageInterval: React.FC<UsageIntervalProps> = (props) => {
                                 legendOrientation="vertical"
                                 legendPosition="right"
                                 minDomain={{ y: 0 }}
+                                themeColor={ChartThemeColor.multiUnordered}
                                 padding={{
                                     bottom: 50,
                                     left: 0, // Adjusted to accommodate axis label