source: consulta_publica/consulta/templates/consulta.base.column.graphic.html @ 59f3e60

<div id="{{name}}_{{counter}}"></div>
<script>
    $(document).ready(function () {
        var opciones = {{item.opciones|safe}};
        var valores = {{item.valores}};
        var total = 0;
        var datos = []
        $.each(opciones,function(key){
            datos.push([opciones[key],valores[key]])
        });
        // Build the chart
        Highcharts.chart('{{name}}_{{counter}}', {
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'column'
            },
            title: {
                text: '{{item.titulo}}'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.y}</b>'
            },
            xAxis: {
                type: 'category',
                labels: {
                    rotation: -45,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Cantidad'
                }
            },
            legend: {
                enabled: false
            },
            series: [{
                name: 'Porcentaje',
                colorByPoint: true,
                data: datos,
                dataLabels: {
                    enabled: true,
                    rotation: -90,
                    color: '#FFFFFF',
                    align: 'right',
                    format: '{point.y}', // one decimal
                    y: 10, // 10 pixels down from the top
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            }],

        });
});
</script>