diff --git a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
index 065ec0e9c..6f697f9b9 100644
--- a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
+++ b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
@@ -694,9 +694,63 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           },
                           Object {
                             "editor": [Function],
-                            "id": "chart_options",
-                            "mapTo": "chartOptions",
-                            "name": "Chart options",
+                            "id": "legend",
+                            "mapTo": "legend",
+                            "name": "Legend",
+                            "schemas": Array [
+                              Object {
+                                "component": null,
+                                "mapTo": "showLegend",
+                                "name": "Show Legend",
+                                "props": Object {
+                                  "defaultSelections": Array [
+                                    Object {
+                                      "id": "show",
+                                      "name": "Show",
+                                    },
+                                  ],
+                                  "options": Array [
+                                    Object {
+                                      "id": "show",
+                                      "name": "Show",
+                                    },
+                                    Object {
+                                      "id": "hidden",
+                                      "name": "Hidden",
+                                    },
+                                  ],
+                                },
+                              },
+                              Object {
+                                "component": null,
+                                "mapTo": "position",
+                                "name": "Position",
+                                "props": Object {
+                                  "defaultSelections": Array [
+                                    Object {
+                                      "id": "v",
+                                      "name": "Right",
+                                    },
+                                  ],
+                                  "options": Array [
+                                    Object {
+                                      "id": "v",
+                                      "name": "Right",
+                                    },
+                                    Object {
+                                      "id": "h",
+                                      "name": "Bottom",
+                                    },
+                                  ],
+                                },
+                              },
+                            ],
+                          },
+                          Object {
+                            "editor": [Function],
+                            "id": "chart_styles",
+                            "mapTo": "chartStyles",
+                            "name": "Chart Styles",
                             "schemas": Array [
                               Object {
                                 "component": null,
@@ -722,6 +776,28 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   ],
                                 },
                               },
+                              Object {
+                                "component": [Function],
+                                "defaultState": Object {
+                                  "name": "default",
+                                },
+                                "eleType": "colorpicker",
+                                "isSingleSelection": true,
+                                "mapTo": "colorTheme",
+                                "name": "Color Theme",
+                                "options": Array [
+                                  Object {
+                                    "title": "Default",
+                                    "type": "text",
+                                    "value": "default",
+                                  },
+                                  Object {
+                                    "title": "Single Color",
+                                    "type": "text",
+                                    "value": "singleColor",
+                                  },
+                                ],
+                              },
                             ],
                           },
                         ],
@@ -740,11 +816,13 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                   "iconType": "visPie",
                   "id": "pie",
                   "label": "Pie",
+                  "legendPosition": "v",
                   "name": "pie",
                   "selection": Object {
                     "dataLoss": "nothing",
                   },
                   "seriesAxis": "yaxis",
+                  "showLegend": true,
                   "type": "pie",
                   "visConfig": Object {
                     "config": Object {
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
index fffaeaa8e..5b59e4898 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
@@ -382,6 +382,9 @@ exports[`Pie component Renders pie component 1`] = `
           "rows": 1,
         },
         "height": 220,
+        "legend": Object {
+          "orientation": undefined,
+        },
         "margin": Object {
           "b": 15,
           "l": 60,
@@ -389,7 +392,7 @@ exports[`Pie component Renders pie component 1`] = `
           "r": 10,
           "t": 30,
         },
-        "showlegend": true,
+        "showlegend": undefined,
         "title": "",
       }
     }
@@ -442,8 +445,7 @@ exports[`Pie component Renders pie component 1`] = `
           "height": 220,
           "hovermode": "closest",
           "legend": Object {
-            "orientation": "h",
-            "traceorder": "normal",
+            "orientation": undefined,
           },
           "margin": Object {
             "b": 15,
@@ -452,7 +454,7 @@ exports[`Pie component Renders pie component 1`] = `
             "r": 10,
             "t": 30,
           },
-          "showlegend": true,
+          "showlegend": undefined,
           "title": "",
           "xaxis": Object {
             "automargin": true,