|
@@ -2,16 +2,22 @@ import React, { PureComponent } from 'react';
|
|
|
import { PanelEditorProps, PanelOptionsGrid } from '@grafana/ui';
|
|
import { PanelEditorProps, PanelOptionsGrid } from '@grafana/ui';
|
|
|
|
|
|
|
|
import ValueOptions from './ValueOptions';
|
|
import ValueOptions from './ValueOptions';
|
|
|
-import { PiechartOptions } from './types';
|
|
|
|
|
|
|
+import { PiechartOptions, PiechartValueOptions } from './types';
|
|
|
|
|
|
|
|
export default class PiechartPanelEditor extends PureComponent<PanelEditorProps<PiechartOptions>> {
|
|
export default class PiechartPanelEditor extends PureComponent<PanelEditorProps<PiechartOptions>> {
|
|
|
|
|
+ onValueOptionsChanged = (valueOptions: PiechartValueOptions) =>
|
|
|
|
|
+ this.props.onChange({
|
|
|
|
|
+ ...this.props.options,
|
|
|
|
|
+ valueOptions,
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
render() {
|
|
render() {
|
|
|
- const { onChange, options } = this.props;
|
|
|
|
|
|
|
+ const { options } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<>
|
|
<>
|
|
|
<PanelOptionsGrid>
|
|
<PanelOptionsGrid>
|
|
|
- <ValueOptions onChange={onChange} options={options} />
|
|
|
|
|
|
|
+ <ValueOptions onChange={this.onValueOptionsChanged} options={options.valueOptions} />
|
|
|
</PanelOptionsGrid>
|
|
</PanelOptionsGrid>
|
|
|
</>
|
|
</>
|
|
|
);
|
|
);
|