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>

    );

  }

}