title: plotting pie chart with reactjs and chart.js
body: <p>i am trying to plot the pie chart using some dummy data. my react chart component looks like this:-</p>
  
  <pre><code>import React, {Component} from 'react';
  
  import {Bar,Line,Pie} from 'react-chartjs-2';
  
  class Chart extends Component {
      constructor(props){
          super(props);
          this.state = {
              chartData :props.chartData
          }
          console.log("props data ",props.chartData)
      }
  
      render(){
          return(
              &lt;Pie 
              data={this.state.chartData}
              options={{
                  title:'cool pie chart',
                  text:"coolest data"
              }}
              /&gt;
          );
      }
  }
  
  export default Chart;
  </code></pre>
  
  <p>and i think the data passed on component is also absolutely fine. </p>
  
  <p><a href="https://i.stack.imgur.com/hvggV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hvggV.png" alt="enter image description here"></a></p>
  
  <p>but currently i can only plot the labels.
  like this:-</p>
  
  <p><a href="https://i.stack.imgur.com/i7C5p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i7C5p.png" alt="enter image description here"></a></p>
  
  <p>what am i missing ? </p>