Fix colors on request, response, and speed charts

Author: Umius-Brian

app/charts/request-type-chart.jsx

@@ -31,12 +31,13 @@ const RequestTypesChart = (props) => {
           type: 'pie',
           marker: {
             'colors': [
-              '#f38181',
+              '#95e1d3',
               '#fce38a',
               '#fcbad3',
-              '#95e1d3',
-              '#a8d8ea',
               '#aa96da',
+              '#a8d8ea',
+              '#f38181',
+              
             ]
           },
         }]}

app/charts/speed-chart.jsx

@@ -33,18 +33,18 @@ const SpeedChart = (props) => {
           title: {'text': "Speed Chart"},
           delta: {'reference': 3.5, 'increasing': {'color': "mistyrose"}},
           mode: "gauge+number+delta",
-          gauge: { axis: { range: [null, 7] },
+          gauge: { axis: { range: [null, 8] },
                   'tickwidth': 1,
                   'tickcolor': "#fce38a",
                   'bar': {'color': "#6eb6ff"},
                   'bordercolor': "#a3de83",
                   'steps': [
-                  {'range': [0, 3.5], 'color': '#fab57a'},
-                  {'range': [3.5, 5.3], 'color': '#edf798'}],
+                  {'range': [0, 4], 'color': '#edf798'},
+                  {'range': [4, 6], 'color': '#fab57a'}],
                   'threshold': {
-                  'line': {'color': "red", 'width': 4},
+                  'line': {'color': "red", 'width': 3.5},
                   'thickness': 0.75,
-                  'value': 6}
+                  'value': 7.5}
                     },
         }]}
         layout = {{