How to use react-chartjs-2

position="relative"
<Doughnut
 data={data}
 options={options}

position="relative"
<Bar
 data={data}
 options={options}

render() {
    return (
      <Card className="cardWd">
        <div className="pd20">
          <h3>{this.props.title}</h3>
           <Pie data={Menu.grafico} />
        </div>
      </Card>
    )
  }

render() {
    return (
      <div>
      <Modal id = "doughnut" type= {<Doughnut data={this.state.data} options={{}} />} />
      </div>
    )
  }

render() {
    return (
      <Line
        data={this.data}
        width={100}
        height={300}
        options={this.options}
      />
    )
  }

render() {
  return <Bar data={data} width={100} height={50} />;
 }

render() {
  return <Radar data={data} />;
 }

render() {

  const divStyle ={
   "marginTop" : "10px"
  }

  return (
   <div className="block" style={divStyle}>
    <Line data={this.state} width={400} height={255}/>
   </div>
  );
 }

render() {
  return <Line data={data} />;
 }

render() {
    return (
      <div>
      <Modal id = "pie" type= {<Pie data={this.state.data} options={{}} />} />
      </div>
    )
  }

render() {
    return (
      <div>
      <Modal id = "line" type= {<Line data={this.state.data} options={{}} />} />
      </div>
    )
  }

render() {
    return (
      <div>
      <Modal id = "bar" type= {<Bar data={this.state.data} options={{}} />} />
      </div>
    )
  }

render() {
    return (
      <div>
      <Modal id = "polar" type= {<Polar data={this.state.data} options={{}} />} />
      </div>
    )
  }

const Chart = props => <Line 
  data={props.data} 
  options={props.options}
/>

render() {
    return (
      <Line
        data={this.data}
        width={100}
        height={300}
        options={this.options}
      />
    )
  }