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'
}
}
}]
});
}
});
}
}