🥇 Usando Highchart no CakePHP

Vou mostrar rapidamente como usar o Highchart com CakePHP 2.x.

O que é Highchart?

<a href=” http://www.highcharts.com/”> Highcharts </a> é uma biblioteca de gráficos escrita em HTML5 / JavaScript puro, oferecendo gráficos intuitivos e interativos para seu site ou aplicativo da web.
É uma ótima biblioteca com muitos tipos e recursos de gráficos. Verifique a página <a href=” http://www.highcharts.com/demo/”> demo </a>.

Também existe um wrapper <a href=” https://github.com/ghunti/HighchartsPHP”> HighchartsPHP </a> para a biblioteca Highchart js. Para usá-lo, você deve baixá-lo e colocá-lo na pasta vendors.
Em seguida, carregue e use-o no controlador do seu aplicativo CakePHP:

<?php
App::import('Vendor', 'HighchartsPHP/Highchart');

class ChartsController extends AppController {

    public function index() {        
        $chart = new Highchart();
        $chart->chart = array(
            'renderTo' => 'container', // div ID where to render chart
            'type' => 'line'
        );

        $chart->series[0]->name = 'Tokyo';
        $chart->series[0]->data = array(7.0, 6.9, 9.5);
        $this->set( compact( 'chart' ) );
    }
}

Portanto, o controlador está preparado para gerar o gráfico. Agora você precisa mostrar isso:

<?php $chart->printScripts(); ?>

<script type="text/javascript">
    <?php echo $chart->render("chart");?>
</script>

Related Posts