react-highcharts

import ReactHighcharts from'react-highcharts';

class SummaryLeft extends Component {
  render () {var config = {
      chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
      },
      title: {
        text: '',
      },
      tooltip: {
        headerFormat: '{series.name}<br>',
        pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>',
      },
      plotOptions: {
        pie: {
          allowPointSelect: true,
          cursor: 'pointer',
          dataLabels: {
            enabled: true,
            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
            style: {
              color: 'black',
            },
          },
          showInLegend: true,
        },
      },
      series: [{
        type: 'pie',
        name: '男女比例',
        data: [
          ['男', 45.0],
          ['女', 45.0],
          {
            name: '未知',
            y: 10.0,
            sliced: true,
            selected: true,
          },
        ],
      }],
    };
    return (
      <div>
        <ReactHighcharts config={config} />
      </div>
    );
  }
}