[explore v2] fix explorev2 chart errors (#1277)

* fix prototypes and arrow function

* only show line chart if viz type is line

* split render lines function

* fix arrow-body linter

caravel/assets/javascripts/explorev2/components/ChartContainer.jsx

@@ -5,12 +5,13 @@ import moment from 'moment';
 
 const propTypes = {
   viz: PropTypes.shape({
-    data: PropTypes.object.isRequired,
+    data: PropTypes.array.isRequired,
     form_data: PropTypes.shape({
-      slice_name: PropTypes.object.isRequired,
+      viz_type: PropTypes.string.isRequired,
+      slice_name: PropTypes.string.isRequired,
     }).isRequired,
   }).isRequired,
-  height: PropTypes.number.isRequired,
+  height: PropTypes.string.isRequired,
 };
 
 export default class ChartContainer extends React.Component {
@@ -45,6 +46,12 @@ export default class ChartContainer extends React.Component {
     return newValues;
   }
 
+  isLineViz() {
+    // todo(alanna) generalize this check and map to charts
+    const vizType = this.props.viz.form_data.viz_type;
+    return vizType === 'line';
+  }
+
   render() {
     return (
       <div className="chart-container">
@@ -54,10 +61,12 @@ export default class ChartContainer extends React.Component {
             <div className="panel-title">{this.props.viz.form_data.slice_name}</div>
           }
         >
-          <TimeSeriesLineChart
-            data={this.state.data}
-            label1="Label 1"
-          />
+          {this.isLineViz() &&
+            <TimeSeriesLineChart
+              data={this.state.data}
+              label1="Label 1"
+            />
+          }
         </Panel>
       </div>
     );