content: 'use strict';
  'use strict';
  
  import React from 'react';
  // Note that Highcharts has to be required separately
  import ReactHighcharts from 'react-highcharts';
  import Highlight from 'react-highlight';
  import ReactDOM from 'react-dom';
  
  
  
  class TatDonut extends React.Component {
      constructor(props) {
          super(props);
      }
      
      render() {
          
          var config = {
              credits: {
                  enabled: false
              },
              chart: {
                  renderTo: 'container',
                  type: 'pie'
              },
              title: {
                  text: 'Média de TAT'
              },
              yAxis: {
                  title: {
                      text: 'Percentagem de TAT'
                  }
              },
              plotOptions: {
                  pie: {
                      shadow: false
                  }
              },
              tooltip: {
                  formatter: function() {
                      return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
                  }
              },
              series: [{
                  name: 'TAT',
                  data: [["Tat 0",3],["Tat 1", 14],["Tat 2",7],["Tat 3",3],["Tat > 3",4]],
                  size: '60%',
                  innerSize: '55%',
                  showInLegend:true,
                  dataLabels: {
                      enabled: false
                  }
              }]
  
          }
  
          return (
              <div>
                  <ReactHighcharts config={config} ref="chart"></ReactHighcharts>
              </div>
          );
      }
  }
  
  
  
  export default TatDonut;
  