IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

panel options wip

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-11-05 13:44:09 +01:00
parent 0df14f3fa8
commit dd4eab1722
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/app/plugins/panel/graph2/module.tsx
View File

@ -12,6 +12,10 @@ import { PanelProps, NullValueMode } from 'app/types';
interface Options {
showBars: boolean;
showLines: boolean;
showPoints: boolean;
onChange: (options: Options) => void;
}
interface Props extends PanelProps {
@ -35,14 +39,27 @@ export class Graph2 extends PureComponent<Props> {
}
}
export class TextOptions extends PureComponent<any> {
onChange = () => {};
export class TextOptions extends PureComponent<Options> {
onToggleLines = () => {
const options = this.props as Options;
this.props.onChange({
...options,
showLines: !this.props.showLines,
});
};
render() {
const { showBars, showPoints, showLines } = this.props;
return (
<div className="section gf-form-group">
<h5 className="section-heading">Draw Modes</h5>
<Switch label="Lines" checked={true} onChange={this.onChange} />
<div>
<div className="section gf-form-group">
<h5 className="page-heading">Draw Modes</h5>
<Switch label="Lines" labelClass="width-5" checked={showLines} onChange={this.onToggleLines} />
<Switch label="Bars" labelClass="width-5" checked={showBars} onChange={this.onToggleLines} />
<Switch label="Points" labelClass="width-5" checked={showPoints} onChange={this.onToggleLines} />
</div>
</div>
);
}