source: consulta_publica/consulta/templates/consulta.base.pie.graphic.html @ 4d11fe2

<div id="{{name}}_{{counter}}"></div>
<script>
    $(document).ready(function () {
        var opciones = {{item.opciones|safe}};
        var valores = {{item.valores}};
        var total = 0;
        var datos = []
        $.each(valores,function(key,value){
            total+=value;
        });
        $.each(opciones,function(key){
            datos.push({'name':opciones[key],'y':valores[key]/total})
        });
    
        // Build the chart
        Highcharts.chart('{{name}}_{{counter}}', {
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'pie'
            },
            title: {
                text: '{{item.titulo}}'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                }
            },
            series: [{
                name: 'Porcentaje',
                colorByPoint: true,
                data: datos
            }]
        });
});
</script>