<?php if ( ! defined('ABSPATH')) exit; ?>
 
  
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.easypiechart/jquery.easy-pie-chart.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.pie.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.resize.js"></script>
  <script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.labels.js"></script>
  


<script type="text/javascript">
  $(document).ready(function(){
    if (!jQuery.plot) {
      return;
    }

    function showTooltip(x, y, contents) {
      $("<div id='tooltip'>" + contents + "</div>").css({
        position: "absolute",
        display: "none",
        top: y + 5,
        left: x + 5,
        border: "1px solid #000",
        padding: "5px",
        'color':'#fff',
        'border-radius':'2px',
        'font-size':'11px',
        "background-color": "#000",
        opacity: 0.80
      }).appendTo("body").fadeIn(200);
    } 

    function randValue() {
      return 10;
    }

    var pageviews = [
    [1, 11],
    [2, 15],
    [3, 2],
    [4, 3],
    [5, 5],
    [6, 10],
    [7, 15]
    ];
  

      $('#site_statistics_loading').hide();
      $('#site_statistics_content').show();          
      
      var plot_statistics2 = $.plot($("#site_statistics2"), [{
        data: pageviews,
        label: "Tarefas "
      }
      ], {
        series: {
          bars: {
            show: true,
            barWidth: 0.6,
            lineWidth: 0,
            fill: true,
            hoverable: true,
            fillColor: {
              colors: [{
                opacity: 1
              }, {
                opacity: 1
              }
              ]
            } 
          },
          shadowSize: 2
        },
        legend:{
          show: false
        },
        grid: {
          labelMargin: 10,
          axisMargin: 500,
          hoverable: true,
          clickable: true,
          tickColor: "rgba(0,0,0,0.15)",
          borderWidth: 0
        },
        colors: ["#FD6A5E", "#FFFFFF", "#52e136"],
        xaxis: {
          ticks: 11,
          tickDecimals: 0
        },
        yaxis: {
          ticks: 6,
          tickDecimals: 0
        }
      });
      
      /*Pie Chart*/
   
  
      
      
      /*Tooltips*/
      
      var previousPoint = null;

      $("#site_statistics2").bind("plothover", function (event, pos, item) {
      
        var str = "(" + pos.x.toFixed(2) + ", " + pos.y.toFixed(2) + ")";

        if (item) {
          if (previousPoint != item.dataIndex) {
            previousPoint = item.dataIndex;
            $("#tooltip").remove();
            var x = item.datapoint[0],
            y = item.datapoint[1];
            showTooltip(item.pageX, item.pageY,
            item.series.label + "" + x + " = " + y + "%");
          }
        } else {
          $("#tooltip").remove();
          previousPoint = null;
        }
      }); 
      
      
    

    /*Jquery Easy Pie Chart*/
      

    });
</script>