<?php $this->load->view('template/head_front.php');?>

<div id="chartTorta"></div>

<script src="<?php echo base_url() ?>assets/js/jquery-1.11.3.min.js"></script>
<script src="<?php echo base_url() ?>assets/js/jquery.canvasjs.min.js"></script>



<script>

/**
* Gráficos Torta. 
* 
* @argument data {json} Los datos.
* @argument target {string} el ID del elemento.
* @argument title {string} título del gráfico.
* @argument theme {string} Tema del gráfico. DEFAULT null.
* @type CanvasJS.Chart
*/
function gChartTorta(data, target, title, theme = null) {
    if (!theme) {
        theme = "theme4";
    }

    CanvasJS.addColorSet("greenShades",
                [//colorSet Array

                "#ff0000",
                "#1aad21",
                "#2E8B57",
                "#3CB371",
                "#90EE90"                
                ]);

    var gChart = new CanvasJS.Chart(target, {
        height: 500,
        colorSet: "greenShades",
        theme: theme,
        axisX:{
            labelFontSize: 18,
            labelFontColor: "#000",
        },
        data: [
            {
                indexLabelFontSize: 18,
                indexLabelFontColor: "#000",
                type: 'pie',
                toolTipContent: "{label}: <strong>#percent%</strong>",
                dataPoints: data
            }
            ]
        });
        showDefaultText(gChart, "No hay datos disponibles");
        gChart.render();
    }
    
    var datosGraficosCuorum = <?= $datos ?>;  
    gChartTorta(datosGraficosCuorum, 'chartTorta', ' Gráfico Torta');
    
    </script>
    
    
    