aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/components/Histogram.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components/Histogram.tsx')
-rw-r--r--src/client/views/nodes/DataVizBox/components/Histogram.tsx23
1 files changed, 8 insertions, 15 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/Histogram.tsx b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
index 6d0a8bf75..64e61fca8 100644
--- a/src/client/views/nodes/DataVizBox/components/Histogram.tsx
+++ b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
@@ -443,21 +443,8 @@ export class Histogram extends React.Component<HistogramProps> {
this.defaultBarColor = color;
};
- @computed get editableTitle() {
- const title = this.graphTitle;
- return (
- <EditableText
- val={title}
- setVal={action(val => this.graphTitle = val as string)}
- color={"black"}
- size={Size.LARGE}
- fillWidth
- />
- );
- }
-
render() {
-
+ const title = this.graphTitle;
var selected: string;
if (this._currSelected){
selected = '{ ';
@@ -472,7 +459,13 @@ export class Histogram extends React.Component<HistogramProps> {
this.props.axes.length >= 1 ? (
<div className="chart-container" >
<div className="graph-title">
- {this.editableTitle}
+ <EditableText
+ val={title}
+ setVal={action(val => this.graphTitle = val as string)}
+ color={"black"}
+ size={Size.LARGE}
+ fillWidth
+ />
&nbsp; &nbsp;
<ColorPicker
tooltip={'Change Default Bar Color'}