diff --git a/client/app/visualizations/chart/plotly.js b/client/app/visualizations/chart/plotly.js
index be9a599f41..f0115a2d50 100644
--- a/client/app/visualizations/chart/plotly.js
+++ b/client/app/visualizations/chart/plotly.js
@@ -273,7 +273,12 @@ const PlotlyChart = () => {
             series.data.forEach((row) => {
               plotlySeries.values.push(row.y);
               plotlySeries.labels.push(hasX ? row.x : `Slice ${index}`);
-              plotlySeries.marker.colors.push(scope.options.seriesOptions[hasX ? row.x : `Slice ${index}`].color);
+              if (scope.options.seriesOptions[hasX ? row.x : `Slice ${index}`] === undefined) {
+                plotlySeries.marker.colors.push(getColor(index));
+                index += 1;
+              } else {
+                plotlySeries.marker.colors.push(scope.options.seriesOptions[hasX ? row.x : `Slice ${index}`].color);
+              }
             });
 
             scope.data.push(plotlySeries);