diff --git a/web/src/components/Graph/Graph/index.tsx b/web/src/components/Graph/Graph/index.tsx
index 0a6956f1..f6862396 100644
--- a/web/src/components/Graph/Graph/index.tsx
+++ b/web/src/components/Graph/Graph/index.tsx
@@ -60,7 +60,7 @@ export default class Graph extends Component<Props, State> {
   chartOptions = config.chart;
   headerHeight = 35;
   counterList = [];
-  series = [];
+  series = [] as any[];
   state = {
     spinning: false,
     errorText: '',
diff --git a/web/src/components/Graph/util/normalizeSeries.tsx b/web/src/components/Graph/util/normalizeSeries.tsx
index 62873d29..c087c426 100644
--- a/web/src/components/Graph/util/normalizeSeries.tsx
+++ b/web/src/components/Graph/util/normalizeSeries.tsx
@@ -1,12 +1,14 @@
 import _ from 'lodash';
 import { hexPalette } from '../config';
-import { SerieInterface } from '../interface';
+import { SerieInterface, GraphDataInterface } from '../interface';
 
-export default function normalizeSeries(data: any[]) {
+export default function normalizeSeries(data: any[], graphConfig: GraphDataInterface): SerieInterface[] {
+  const { comparison } = graphConfig;
+  const isComparison = !!_.get(comparison, 'length', 0);
   const series = [] as SerieInterface[];
   _.each(_.sortBy(data, ['counter', 'endpoint']), (o, i) => {
     const { endpoint, comparison } = o;
-    const color = getSerieColor(o, i);
+    const color = getSerieColor(o, i, isComparison);
     const separatorIdx = o.counter.indexOf('/');
 
     let counter = endpoint ? '' : o.counter;