Fix starting trace type

Author: VeraZab

examples/simple/src/App.js

@@ -24,7 +24,7 @@ class App extends Component {
     // overwritten with a full DOM node that contains data, layout, _fullData,
     // _fullLayout etc in handlePlotUpdate()
     const graphDiv = {
-      data: [{type: 'scatter', xsrc: 'col1', ysrc: 'col2'}],
+      data: [{type: 'scatter', xsrc: 'col1', ysrc: 'col2', mode: 'markers'}],
       layout: {title: 'Room readings'},
     };
 

src/PlotlyEditor.js

@@ -93,7 +93,7 @@ class PlotlyEditor extends Component {
         if (this.props.onAddTrace) {
           this.props.onAddTrace(payload);
         }
-        graphDiv.data.push({x: [], y: []});
+        graphDiv.data.push({x: [], y: [], type: 'scatter', mode: 'markers'});
         if (this.props.onUpdate) {
           this.props.onUpdate();
         }

src/components/containers/TraceAccordion.js

@@ -23,6 +23,7 @@ export default class TraceAccordion extends Component {
 
   render() {
     const data = this.context.data || [];
+    const fullData = this.context.fullData || [];
     const {canGroup, canAdd} = this.props;
     const individualPanel = data.map((d, i) => (
       <TraceFold key={i} traceIndex={i}>
@@ -33,7 +34,9 @@ export default class TraceAccordion extends Component {
 
     if (canGroup && data.length > 1) {
       const groupedTraces = data.reduce((allTraces, next, index) => {
-        const traceType = plotlyToCustom(next);
+        const traceType = plotlyToCustom(
+          fullData.filter(trace => trace.index === index)[0]
+        );
         if (allTraces[traceType]) {
           allTraces[traceType].push(index);
         } else {
@@ -82,6 +85,7 @@ export default class TraceAccordion extends Component {
 }
 
 TraceAccordion.contextTypes = {
+  fullData: PropTypes.array,
   data: PropTypes.array,
   onUpdate: PropTypes.func,
 };

src/components/fields/TraceSelector.js

@@ -61,7 +61,7 @@ class TraceSelector extends Component {
       this.traceOptions = [{label: 'Scatter', value: 'scatter'}];
     }
 
-    this.fullValue = plotlyToCustom(props.container);
+    this.fullValue = plotlyToCustom(props.fullContainer);
   }
 
   componentWillReceiveProps(nextProps, nextContext) {
@@ -94,6 +94,7 @@ TraceSelector.contextTypes = {
 TraceSelector.propTypes = {
   getValObject: PropTypes.func,
   container: PropTypes.object.isRequired,
+  fullContainer: PropTypes.object.isRequired,
   fullValue: PropTypes.any.isRequired,
   updateContainer: PropTypes.func,
 };