Tengo un gráfico en la cual establezco fechas en el eje X y aunque paso un arreglo completo no me muestra todos los datos.
Por ejemplo si el arreglo tiene 9 posiciones muestra solo 7 fechas…nunca muestra el arreglo completo
Codigo JS :
function HorasEsperadasVsLaborales(data) {
var myChart = echarts.init(document.getElementById('eChart'));
var titulo = $('#titulo').val();
var serie1 = $('#serie1').val();
var serie2 = $('#serie2').val();
option = {
title: {
text: titulo,
subtext: 'Grafico'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#283b56'
}
}
},
legend: {
data: (serie2, serie1)
},
toolbox: {
show: true,
feature: {
dataView: { readOnly: false },
restore: {},
saveAsImage: {}
}
},
dataZoom: {
show: false,
start: 0,
end: 75
},
xAxis:
{
type: 'category',
scale: true,
name: 'Fechas',
data: data.Fechas
},
yAxis: (
{
type: 'value',
scale: true,
name: 'Nº Horas',
max: 16,
min: 0,
boundaryGap: (1)
}
),
series: (
{
name: serie2,
type: 'bar',
data: data.HorasLaboradasDiarias,
itemStyle: { normal: { color: 'dodgerblue' } }
},
{
name: serie1,
type: 'line',
data: data.HorasLaboralesDiarias,
itemStyle: { normal: { color: 'orange' } }
}
)
};
myChart.setOption(option);
}
Objeto que devuelve la llamada Ajax
Fechas: Array(10)
0: "23/12/2020"
1: "24/12/2020"
2: "25/12/2020"
3: "26/12/2020"
4: "27/12/2020"
5: "28/12/2020"
6: "29/12/2020"
7: "30/12/2020"
8: "31/12/2020"
9: "01/01/2021"
length: 10
__proto__: Array(0)
HorasLaboradasDiarias: (10) (0, 0, 0, 0, 0, 0, 0, 0, 0, 0)
HorasLaboralesDiarias: (10) (8, 8, 8, 8, 8, 8, 8, 8, 8, 8)
Nombre: null