title: Chartjs-2(React), Lines do not appear
body: <p>When I console.log(this.state) in App.js, Object of data appear on devtool Browser but no change on screen.
  No lines, no options, nothing.
  When I console.log(this.state) in Chart.js, Object appear two time but always empty.
  No error message for once, but it's not better.
  I want create two lines, I don't know if it's the right way.
  But I don't think problem comes from there</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import './style/App.css';
  import axios from 'axios'
  import Table from './components/table/Table'
  import Chart from './components/Chart'
  
  
  class App extends Component {
  
      state = {
        tabData: [],
        chartData: {}
      }
  
      componentWillMount = () =&gt; {
        this.getDataFromServer()
      }
  
      getDataFromServer = () =&gt; {
        axios.get("http://localhost:8000")
  
        .then((response) =&gt; {
          const twentyObj = response.data.splice(0,20);
  
          const time = twentyObj.map(item =&gt;
            item.timestamp
          );
  
          const cacData = twentyObj.map(item =&gt;
            item.stocks.CAC40
          );
  
          const nasData = twentyObj.map(item =&gt;
            item.stocks.NASDAQ
          );
  
          this.setState({
            tabData:twentyObj,
  
            chartData:{
              labels: [time],
              datasets:[
  
                { label:"CAC40",
                  data:[cacData],
                  fill: false,
                  lineTension: 0.1,
                  backgroundColor: 'rgba(75,192,192,0.4)',
                  borderColor: 'rgba(75,192,192,1)',
                  borderCapStyle: 'butt',
                  borderDash: [],
                  borderDashOffset: 0.0,
                  borderJoinStyle: 'miter',
                  pointBorderColor: 'rgba(75,192,192,1)',
                  pointBackgroundColor: '#fff',
                  pointBorderWidth: 1,
                  pointHoverRadius: 5,
                  pointHoverBackgroundColor: 'rgba(75,192,192,1)',
                  pointHoverBorderColor: 'rgba(220,220,220,1)',
                  pointHoverBorderWidth: 2,
                  pointRadius: 1,
                  pointHitRadius: 10,
                },
  
                { label:"NASDAQ",
                  data:[nasData],
                  fill: false,
                  lineTension: 0.1,
                  backgroundColor: 'rgba(75,30,192,0.4)',
                  borderColor: 'rgba(75,30,192,1)',
                  borderCapStyle: 'butt',
                  borderDash: [],
                  borderDashOffset: 0.0,
                  borderJoinStyle: 'miter',
                  pointBorderColor: 'rgba(75,30,192,1)',
                  pointBackgroundColor: '#fff',
                  pointBorderWidth: 1,
                  pointHoverRadius: 5,
                  pointHoverBackgroundColor: 'rgba(75,30,192,1)',
                  pointHoverBorderColor: 'rgba(220,220,220,1)',
                  pointHoverBorderWidth: 2,
                  pointRadius: 1,
                  pointHitRadius: 10,
                }
              ],
            }
          })
          console.log(this.state)
          })
          .catch(function (error) {
            console.log(error);
          })
  
      }
  
  
    render() {
  
      return (
        &lt;div className="App"&gt;
          &lt;h1&gt;TEST Project&lt;/h1&gt;
          &lt;Chart linesData={this.state.chartData}/&gt;
          &lt;Table stateData={this.state.tabData}/&gt;
  
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>Chart.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { Line } from 'react-chartjs-2';
  
  
  class Chart extends Component{
  
      state = {
          chartLinesData:this.props.linesData
      }
  
      render(){
          console.log(this.state)
          return(
              &lt;Line data={this.state.chartLinesData}
                    width={300}
                    height={150}
                    options={{
                      maintainAspectRatio: false
                    }}
              /&gt;
          )
      }
  }
  
  export default Chart;
  </code></pre>