implement themes for highcharts graphics

0

I have a total of 7 elaborate bar graphs and those graphs I want to put the same theme, but when I do I switch to lines and I do not want that, I would like to please help me, here I leave one of the many codes to generate the graphics

function reporte() {
    var datachart = new Array();
    var _desde = $("#desde").val();
    var _hasta = $("#hasta").val();
    var granja = $("#granja").val();
    var lote = $("#lote").val();
    var token = $("#token").val();

    var json = {
        desde:_desde,
        hasta:_hasta,
        granja:granja,
        lote:lote
    }


    if (_desde == '' || _hasta == '') {
        swal({
            title:"Las Fechas Deben ser Obligatorias.",
            text:'',
            type:'warning',
            showCancelButton:false,
            confirmButtonClass:'btn-warning',
            confirmButtonText:'Corregir',
        });
    }else{

        $.ajax({
            method:'POST',
            headers: {'X-CSRF-TOKEN': token},
            url:'http://201.236.212.130:82/intranetcercafe/public/admin/report_conversion_final_ceba',
            data:json
        }).done(function (msg) {
            datachart=msg.data;
            if (datachart.length == 0) {
                swal('No hay Resultados','','error');
            }else{
                Highcharts.chart('grafica', {
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: 'Reportes de la Conversion Ajustada'
                    },
                    xAxis: {
                        type: 'category',
                        labels: {
                            rotation: -45,
                            style: {
                                fontSize: '13px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Conversion Ajustada Final.'
                        }
                    },
                    legend: {
                        enabled: false
                    },
                    tooltip: {
                        pointFormat: 'Conversion Final: <b>{point.y:.2f} </b>'
                    },
                    series: [{
                        name: 'Conversion Ajustada Final',
                        data: datachart
                        ,
                        dataLabels: {
                            enabled: true,
                            rotation: -90,
                            color: '#FFFFFF',
                            align: 'right',
                            format: '{point.y:.2f}', // one decimal
                            y: 10, // 10 pixels down from the top
                            style: {
                                fontSize: '13px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    }]
                });
            }
        });
    }
}
    
asked by Juan Esteban Yarce 21.02.2018 в 21:51
source

0 answers