content: import React from 'react';
  import ReactDOM from 'react-dom';
  var SimpleTooltipStyle = require('react-d3-tooltip').SimpleTooltip;
  var BarTooltip = require('react-d3-tooltip').BarTooltip;
  
  //category by frequency
  const CategoryFreAll = ({data}) => {
  
  //activity trend by departments
    var generalChartData = data;
  
    var width = 800,
      height = 500,
      title = "Value",
      chartSeries = [
        {
          field:'count',
          name:'Appreciation Count',
          color:'#A4D0EF'
      }];
  
      var x = function(d) {
        return d.category;
      },
      xScale = "ordinal",
      xLabel = "Values",
      yLabel = "Counts",
      yTicks = d3.format("d");//round to decimal int
  
    return(
        <BarTooltip
          title= {title}
          data= {generalChartData}
          width= {width}
          height= {height}
          chartSeries = {chartSeries}
          x= {x}
          xScale= {xScale}
          xLabel = {xLabel}
          yLabel = {yLabel}
          yTicks = {yTicks}
          showXGrid= {false}
        >
        <SimpleTooltipStyle/>
        </BarTooltip>
    )
  };
  
  export default CategoryFreAll;