remote/datasette-vega
1
0
Fork 0
mirror of https://github.com/simonw/datasette-vega.git synced 2026-09-18 14:34:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Allow to hide chart after showing it

Browse source 
Closes #17
This commit is contained in:
Tobias Kunze 2019-07-22 07:23:46 +02:00
commit 741cfb1c1e
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/DatasetteVega.js
View file

@ -185,6 +185,11 @@ class DatasetteVega extends Component {
show: true
}, this.renderGraph.bind(this));
}
hideChart() {
this.setState({
show: false
}, this.renderGraph.bind(this));
}
render() {
const onChangeSelect = this.onChangeSelect.bind(this);
const columns = this.state.columns;
@ -192,7 +197,9 @@ class DatasetteVega extends Component {
return <div className="datasette-vega-inactive"><button onClick={this.showChart.bind(this)}>Show charting options</button></div>;
}
return (
(columns.length > 1) ? <div><form action="" method="GET" id="graphForm" className="datasette-vega">
(columns.length > 1) ? <div>
<div className="datasette-vega-inactive"><button onClick={this.hideChart.bind(this)}>Hide chart</button></div>
<form action="" method="GET" id="graphForm" className="datasette-vega">
<h3>Charting options</h3>
<div className="filter-row radio-buttons">
{this.markOptions.map(option => (