diff --git a/public/app/plugins/panel/piechart/PiechartPanelEditor.tsx b/public/app/plugins/panel/piechart/PiechartPanelEditor.tsx
index c8aaf1e7f1e..da4f8090bd0 100644
--- a/public/app/plugins/panel/piechart/PiechartPanelEditor.tsx
+++ b/public/app/plugins/panel/piechart/PiechartPanelEditor.tsx
@@ -2,16 +2,22 @@ import React, { PureComponent } from 'react';
 import { PanelEditorProps, PanelOptionsGrid } from '@grafana/ui';
 
 import ValueOptions from './ValueOptions';
-import { PiechartOptions } from './types';
+import { PiechartOptions, PiechartValueOptions } from './types';
 
 export default class PiechartPanelEditor extends PureComponent<PanelEditorProps<PiechartOptions>> {
+  onValueOptionsChanged = (valueOptions: PiechartValueOptions) =>
+    this.props.onChange({
+      ...this.props.options,
+      valueOptions,
+    });
+
   render() {
-    const { onChange, options } = this.props;
+    const { options } = this.props;
 
     return (
       <>
         <PanelOptionsGrid>
-          <ValueOptions onChange={onChange} options={options} />
+          <ValueOptions onChange={this.onValueOptionsChanged} options={options.valueOptions} />
         </PanelOptionsGrid>
       </>
     );