0
183
VistasBucle en xAxis desde highcharts según los datos devueltos
Tengo los siguientes datos devueltos por php:
# Mes, Total, Categoria 2022-05, 1, Bullying (Mobbing, Bossing, Pessoal, Gossip) 2022-05, 1, Preocupação relativas à saúde e segurança 2022-05, 1, Suspeita de Roubo, Corrupção ou Desfalque 2022-04, 1, Suspeita de Roubo, Corrupção ou Desfalque 2022-05, 1, Feedback positivo ou elogio Entonces con estos datos quiero crear una gráfica que en este momento ya esté devolviendo la mayoría de los datos correctamente: 
Para devolver la serie estoy usando el siguiente ciclo:
var series = []; for (var i = 0; i < data.length; i++) { Mes = data[i][0]; Total = data[i][1]; Categoria = data[i][2]; series.push({ name: Categoria, data: [Total], stack: Mes, dataLabels: { enabled: true, } }); }Y de esta manera vuelve correctamente como se muestra arriba en la imagen. El problema son las categorías de xAxis, que no puedo devolver las dos fechas que existen en la columna del mes.
Estoy intentando de esta manera, pero no funciona:
var xAxis = []; for (var i = 0; i < data.length; i++) { Mes = data[i][0]; Total = data[i][1]; Categoria = data[i][2]; xAxis.push({ categories: [Mes], labels: { skew3d: true, style: { fontSize: '16px' } } }); }¿Puede usted ayudar?
1 Respuestas
Responde la pregunta0
La opción de pila no se refiere al índice de categoría como espera en su ejemplo.
Utiliza stack: 'A' y stack: B' y tiene un valor y para cada serie. Significa que dos columnas apiladas se agrupan para una categoría.
Eche un vistazo a la referencia de la API y su demostración: https://api.highcharts.com/highcharts/series.column.stack
Para lograr una columna apilada para cada categoría, debe analizar Mes hasta el número (marca de tiempo) y pasarlo como un valor x .
var series = []; for (var i = 0; i < data.length; i++) { Mes = new Date(data[i][0]).getTime() + 60 * 60 * 1000, Total = data[i][1]; Categoria = data[i][2]; series.push({ name: Categoria, data: [{x: Mes, y: Total}], dataLabels: { enabled: true, } }); } Luego configure su xAxis.type en fecha y datetime y cambie el formato de la etiqueta.
xAxis: { type: 'datetime', labels: { format: '{value:%Y-%m}' }, },Ejemplo de demostración: https://jsfiddle.net/BlackLabel/vuLdezxw/