Fix adding SQL cards to multiseries

frontend/src/dashboard/components/AddSeriesModal.jsx

@@ -98,7 +98,12 @@ export default class AddSeriesModal extends Component {
                 this.setState({ series: this.state.series.filter(c => c.id !== card.id) });
             }
         } catch (e) {
-            console.error("onCardChange", e)
+            console.error("onCardChange", e);
+            this.setState({
+                state: "incompatible",
+                badCards: { ...this.state.badCards, [card.id]: true }
+            });
+            setTimeout(() => this.setState({ state: null }), 2000);
         }
     }
 

frontend/src/visualizations/components/LineAreaBarChart.jsx

@@ -27,13 +27,15 @@ export default class LineAreaBarChart extends Component {
     }
 
     static seriesAreCompatible(initialSeries, newSeries) {
-        // no bare rows
-        if (newSeries.card.dataset_query.query.aggregation[0] === "rows") {
-            return false;
-        }
-        // must have one and only one breakout
-        if (newSeries.card.dataset_query.query.breakout.length !== 1) {
-            return false;
+        if (newSeries.card.dataset_query.type === "query") {
+            // no bare rows
+            if (newSeries.card.dataset_query.query.aggregation[0] === "rows") {
+                return false;
+            }
+            // must have one and only one breakout
+            if (newSeries.card.dataset_query.query.breakout.length !== 1) {
+                return false;
+            }
         }
 
         return columnsAreCompatible(initialSeries.data.cols, newSeries.data.cols);