mchart.class

Ir para a documentação deste ficheiro.

<?php
 
class MChart extends MDiv
{
    const TYPE_AREA = 'CategoryAxisRenderer';
    const TYPE_BAR = 'BarRenderer';
    const TYPE_DONUT = 'DonutRenderer';
    const TYPE_LINE = 'Line';
    const TYPE_PIE = 'PieRenderer';
 
    const DEFAULT_STRING_FORMAT = '%.2f';
 
    public $conf;
 
    private $multipleData = array();
 
    private $type;
 
    private $replaces = array();
 
    public function __construct($id, $data=array(), $title='', $type=NULL)
    {
        parent::__construct($id);
 
        $this->page->addScriptForOlderIEs('jquery/excanvas.min.js');
        $this->page->addScript('jquery/jquery.min.js');
        $this->page->addScript('jquery/jquery.jqplot.min.js');
        $this->page->addScript('jquery/plugins/jqplot.canvasTextRenderer.min.js');
        $this->page->addScript('jquery/plugins/jqplot.enhancedLegendRenderer.min.js');
 
        $this->page->addStyleURL('scripts/jquery/jquery.jqplot.min.css');
        $this->page->addStyleURL('scripts/jquery/jquery.jqplot.miolo.css');
 
 
        $this->conf = new stdClass();
        $this->setMultipleData(array( $data ));
 
        $this->conf->title = utf8_encode($title);
        $this->conf->seriesDefaults->rendererOptions->showDataLabels = TRUE;
        $this->conf->seriesDefaults->rendererOptions->sliceMargin = 5;
        $this->conf->seriesDefaults->rendererOptions->shadowOffset = 0.5;
        $this->conf->seriesDefaults->rendererOptions->shadowAlpha = 0.05;
        $this->conf->seriesDefaults->rendererOptions->shadowDepth = 8;
        $this->conf->seriesDefaults->rendererOptions->animation->show = true;
        $this->conf->grid->drawBorder = FALSE;
 
        $this->conf->seriesColors = array(
            // Highcharts colors
            '#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92',
            // Kuler colors
            '#00A695', '#FF3300', '#FF6600', '#FFA600', '#FFD900',
        );
 
        $this->setType($type);
 
        $this->setWidth('450px');
        $this->setHeight('400px');
    }
 
    public function setWidth($width)
    {
        $this->addStyle('width', $width);
    }
 
    public function setHeight($height)
    {
        $this->addStyle('height', $height);
    }
 
    public function setBarWidth($width)
    {
        $this->conf->seriesDefaults->rendererOptions->barWidth = $width;
    }
 
    public function setType($type)
    {
        $this->type = $type;
 
        switch ( $type )
        {
            case self::TYPE_AREA:
                $this->setXAsCategory();
                $this->conf->stackSeries = TRUE;
                $this->conf->seriesDefaults->fill = TRUE;
                break;
 
            case self::TYPE_BAR:
                $this->page->addScript('jquery/plugins/jqplot.barRenderer.min.js');
                $this->replaces[] = $this->conf->seriesDefaults->renderer = 'jQuery.jqplot.BarRenderer';
 
                $this->displayPointLabels();
                break;
 
            case self::TYPE_DONUT:
                $this->replaces[] = $this->conf->seriesDefaults->renderer = "jQuery.jqplot.$type";
 
                $this->page->addScript('jquery/plugins/jqplot.donutRenderer.min.js');
                $this->conf->seriesDefaults->rendererOptions->dataLabelFormatString = self::DEFAULT_STRING_FORMAT . '%';
 
                $this->displayLegend();
                $this->displayHints();
                break;
 
            case self::TYPE_PIE:
                $this->replaces[] = $this->conf->seriesDefaults->renderer = "jQuery.jqplot.$type";
 
                $this->page->addScript('jquery/plugins/jqplot.pieRenderer.min.js');
                $this->conf->seriesDefaults->rendererOptions->dataLabelFormatString = self::DEFAULT_STRING_FORMAT . '%';
 
                $this->displayLegend();
                $this->displayHints();
                break;
 
            default:
                $this->page->addScript('jquery/plugins/jqplot.canvasAxisLabelRenderer.min.js');
                $this->page->addScript('jquery/plugins/jqplot.highlighter.min.js');
                $this->conf->highlighter->show = TRUE;
                $this->conf->highlighter->sizeAdjust = 10;
 
                $this->conf->axes->xaxis->tickOptions->formatString = self::DEFAULT_STRING_FORMAT;
                $this->conf->axes->yaxis->tickOptions->formatString = '%.2f';
                break;
        }
    }
 
    public function setXAsCategory()
    {
        $this->page->addScript('jquery/plugins/jqplot.categoryAxisRenderer.min.js');
        $this->replaces[] = $this->conf->axes->yaxis->renderer = 'jQuery.jqplot.CategoryAxisRenderer';
    }
 
    public function setYAsCategory()
    {
        $this->page->addScript('jquery/plugins/jqplot.categoryAxisRenderer.min.js');
        $this->replaces[] = $this->conf->axes->yaxis->renderer = 'jQuery.jqplot.CategoryAxisRenderer';
    }
 
    public function setXTicks($ticks)
    {
        $this->setXAsCategory();
        $this->conf->axes->xaxis->ticks = $ticks;
    }
 
    public function setYTicks($ticks)
    {
        $this->setYAsCategory();
        $this->conf->axes->yaxis->ticks = $ticks;
    }
 
    public function displayPointLabels()
    {
        $this->page->addScript('jquery/plugins/jqplot.pointLabels.min.js');
        $this->conf->seriesDefaults->pointLabels->show = TRUE;
    }
 
    public function displayLegend($display=TRUE)
    {
        $this->replaces[] = $this->conf->legend->renderer = 'jQuery.jqplot.EnhancedLegendRenderer';
 
        $this->conf->legend->show = $display;
        $this->conf->legend->location = 'e';
        $this->conf->legend->rendererOptions->seriesToggle = 'normal';
        $this->conf->legend->fontSize = '11px';
    }
 
    public function displayHints()
    {
        // Show hint with label
        $jsCode = <<<JS
\$("#$this->id").bind('jqplotDataHighlight', function(ev, seriesIndex, pointIndex, data) {
    var \$this = \$(this);
    \$this.attr('title', data[0]);
});
 
\$("#$this->id").bind('jqplotDataUnhighlight', function(ev, seriesIndex, pointIndex, data) {
    var \$this = \$(this);
    \$this.attr('title',"");
});
JS;
        $this->page->onload($jsCode);
    }
 
    public function addData($data)
    {
        $this->multipleData[] = $data;
    }
 
    public function getMultipleData()
    {
        return $this->multipleData;
    }
 
    public function setMultipleData($multipleData)
    {
        // FIXME: jqPlot does not support ISO-8859-1 strings
        foreach ( (array) $multipleData as $dataKey => $data ) 
        {
            foreach ( (array) $data as $lineKey => $line )
            {
                if ( is_array($line) )
                {
                    foreach ( $line as $itemKey => $item )
                    {
                        if( is_numeric($item) )
                        {
                            $multipleData[$dataKey][$lineKey][$itemKey] = floatval($item);
                        }
                        elseif ( is_string($item) )
                        {
                            $multipleData[$dataKey][$lineKey][$itemKey] = utf8_encode($item);
                        }
                    }
                }
                elseif( is_numeric($line) )
                {
                    $multipleData[$dataKey][$lineKey] = floatval($line);
                }
                elseif ( is_string($line) )
                {
                    $multipleData[$dataKey][$lineKey] = utf8_encode($line);
                }
            }
        }
 
        $this->multipleData = $multipleData;
    }
 
    public function generate()
    {
        $jsonData = json_encode($this->multipleData);
        $jsonConf = json_encode($this->conf);
 
        // Replace some strings that must be JavaScript objects or functions
        foreach ( $this->replaces as $replace )
        {
            $jsonConf = str_replace("\"$replace\"", $replace, $jsonConf);
        }
 
        $this->page->onload("$(document).ready(function () { $.jqplot.sprintf.decimalMark = ','; $.jqplot('$this->id', $jsonData, $jsonConf); });");
 
        return parent::generate();
    }
}
 
?>