saben como puedo usar highchart en cakephp...

[alexander orejuela]

hola

nesecito un tuto.. o una informacion clara de como0 emprezar a usar el pluging

[Fayin Esca]

Una ves que tengas cargado el plugin en el archivo bootstrap.php, en el controlador que lo quieras utilizar cargas el componente
por ejemplo yo lo tengo en ClientesController

public $components = array('HighCharts.HighCharts');

Y la funcion con la que crearás tus gráficas en el mismo controlador, en mi caso es perfil

public function perfil() {
//consulta de los datos del negocio.
        $datosNegocios = $this->Cliente->Negocio->find('all',array('conditions'=>array('Negocio.cliente_id'=>$this->Auth->user('id')),'fields'=>array('Negocio.nombre','Negocio.visitas'),'recursive'=>0));
        $chartData1 = array();
        $axis = array();
        foreach ($datosNegocios as $key) {
            array_push($chartData1, (int)$key['Negocio']['visitas']);
            array_push($axis, $key['Negocio']['nombre']);
        }
        $this->loadModel('Presentacion');
        $datosPresentaciones =  $this->Presentacion->find('all',array('conditions'=>array('Presentacion.cliente_id'=>$this->Auth->user('id')),'fields'=>array('Presentacion.nombre','Presentacion.visitas'),'recursive'=>0));
        $chartData2 = array();
        $xAxisPresentacion =  array();
        foreach ($datosPresentaciones as $keyo) {
            array_push($chartData2, (int)$keyo['Presentacion']['visitas']);
            array_push($xAxisPresentacion, $keyo['Presentacion']['nombre']);
        }
//nombre de las gráficas
        $chartNameOne = 'Line Chart';
        $chartNameTwo = 'Column Chart';
//creacion de las graficas nombre y tipo en este caso de tipo column
        $mychartOne = $this->HighCharts->create( $chartNameOne, 'column' );
        $mychartTwo = $this->HighCharts->create( $chartNameTwo, 'column' );
//Parámetros de la gráfica uno
        $this->HighCharts->setChartParams(
            $chartNameOne,
            array(
                'renderTo'          => 'linewrapper', // id del div donde se mostrará
                'chartWidth'        => 800,
                'chartHeight'       => 600,
                'title'             => 'Popularidad de Sus Negocios - Visitas',
                'yAxisTitleText'    => 'Visitas',
                'xAxisCategories'=>$axis,
               
                'creditsEnabled'    => FALSE
            )
        );

        $this->HighCharts->setChartParams(
            $chartNameTwo,
            array(
                'renderTo'          => 'columnwrapper', //
                'chartWidth'        => 800,
                'chartHeight'       => 600,
                'title'             => 'Visitas de todas sus Presentaciones',
                'yAxisTitleText'    => 'Visitas',
                'xAxisCategories'=>$xAxisPresentacion,
               
                'creditsText'       => 'cu.com',
                'creditsURL'        => 'http://cu.com'
            )
        );
        $seriesOne = $this->HighCharts->addChartSeries();
        $seriesTwo = $this->HighCharts->addChartSeries();
        $seriesOne->addName('Visitas')->addData($chartData1);
        $seriesTwo->addName('Vistas Presentaciones')->addData($chartData2);
        $mychartOne->addSeries($seriesOne);
        $mychartTwo->addSeries($seriesTwo);
    }

y en la vista en mi caso perfil.ctp

<div style="margin-top:50px;">
    <?= $this->element('submenus/cliente/fluent');?>
   
        <div class="tab-control" data-role="tab-control">
            <ul class="tabs">
                <li class="active"><a href="#gnegocios"><i class="icon-cart-2"></i> Negocios</a></li>
                <li><a href="#gpresentaciones"><i class="icon-grid"></i> Presentaciones</a></li>
               
            </ul>
            <div class="frames">
                <div class="frame" id="gnegocios">
                    <div id="linewrapper" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
                    <?php echo $this->HighCharts->render('Line Chart'); ?>
                </div>
                <div class="frame" id="gpresentaciones">
                    <div id="columnwrapper" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>
                    <?php echo $this->HighCharts->render('Column Chart'); ?>
                </div>
            </div>
        </div>
</div>

con eso verás las gráficas, en mi caso son dos de columnas

[Fayin Esca]

[JHONY JAVIER BURBANO ROBLES]

<div style="margin-top:50px;">
    <?= $this->element('submenus/cliente/fluent');?>
    
        <div class="tab-control" data-role="tab-control">
            <ul class="tabs">
                <li class="active"><a href="#gnegocios"><i class="icon-cart-2"></i> Negocios</a></li>
                <li><a href="#gpresentaciones"><i class="icon-grid"></i> Presentaciones</a></li>
                
            </ul>
            <div class="frames">
                <div class="frame" id="gnegocios">
                    <div id="linewrapper" style="display: block; float: left; width:90%; margin-bottom: 20px;"></div>

tengo el mismo problema y queria saber la linea de codigo en rojo que viene siendo, no entendi eso

de antemano gracias

El viernes, 5 de diciembre de 2014 13:34:22 UTC-5, Fayin Esca escribió:

El servicio de correo misena es soportado tecnológicamente por © Google y ofrecido por el Servicio Nacional de Aprendizaje – SENA de manera gratuita a todos los colombianos y en especial a los aprendices e instructores de Programas de Formación Titulada y Complementaria. Los contenidos, textos, imágenes, archivos y puntos de vista enviados en este mensaje son responsabilidad exclusiva del remitente y no reflejan ni comprometen oficialmente a la institución. No se autoriza el uso de esta herramienta para el intercambio de correos masivos, cadenas o spam, ni de mensajes ofensivos, de carácter político, sexual o religioso, con fines de lucro, con propósitos delictivos o cualquier otro mensaje que se considere indebido o que vaya en contra de la Ley.

[Fayin Esca]

No significa nada, es un element del submenú de mi aplicación.

[Juan Jacinto]

Usalo en la vista y obten la información mediante ajax y json y te olvidas de agregar todo eso en el controlador .

En la pagina de HighChart vienen varios ejemplos en jsfiddle.

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/line-basic/