From 741cfb1c1ea651eb0f4dbf67c0e56ae22833bfbd Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Mon, 22 Jul 2019 07:23:46 +0200
Subject: [PATCH] Allow to hide chart after showing it

Closes #17
---
 src/DatasetteVega.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/DatasetteVega.js b/src/DatasetteVega.js
index b617a01..0cd419f 100644
--- a/src/DatasetteVega.js
+++ b/src/DatasetteVega.js
@@ -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 => (