Tengo un gráfico circular con tantos sectores que es muy difícil de leer. ¿Es posible reducir el número de rebanadas, agrupando las más pequeñas en una sola llamada "otras" u ocultándolas?Highcharts: gráfico circular: reducir el número de sectores
10
A
Respuesta
6
No. Este comportamiento no está integrado en Highcharts.
La manera más fácil de lograr esto es cambiando manualmente los datos que pasa al gráfico. Es decir, si hace la agrupación en una categoría 'Otros' antes de pasar los datos y renderizar el gráfico
0
Pegando información aquí como un puntero para las personas que deseen hacer lo anterior con javascript fuera de Highcharts, como yo yo mismo.
for(i=0; i<dataJSON.finished.length; i++) {
//console.info(i);
if(dataJSON.finished[i].name !== '_all_' && dataJSON.finished[i].name !== 'Anders') {
tempValue=0;
for(j=0; j<dataJSON.finished[i].data.length; j++) { tempValue += dataJSON.finished[i].data[j]; }
if(tempValue/totalValue > 0.02) {
pieData.push({ name:dataJSON.finished[i].name, y:tempValue });
} else andersValue += tempValue;
}
}
//console.info(pieData);
pieData.sort(function(a,b) {return (a.y > b.y) ? -1 : ((b.y > a.y) ? 1 : 0);});
pieData.push({ name: "Overig", y: andersValue });
Cuestiones relacionadas
- 1. Highcharts: Actualizando un gráfico circular con setData()
- 2. Tratar con la superposición de etiquetas de gráfico circular [Highcharts]
- 3. Cómo reducir el tamaño del gráfico circular KendoUI?
- 4. ¿Cómo puedo cambiar los colores de mi gráfico circular Highcharts?
- 5. Highcharts - etiquetas dentro y fuera de un gráfico circular
- 6. Highcharts gráfico de sectores Drilldown no aparece en el tercer taladro
- 7. etiquetas superpuestas en el gráfico circular flot
- 8. Gráfico de sectores de JqPlot - Cambio de colores de sectores de rodajas
- 9. HighCharts Cambia dinámicamente el tipo de gráfico
- 10. Highcharts gráfico de anillos personalización
- 11. ¿Deseas repartir una parte del gráfico circular en d3?
- 12. Cómo mostrar los valores dentro del sector del gráfico circular
- 13. Formato numérico en Highcharts Chart Values?
- 14. mostrar números en el gráfico circular
- 15. Dibujar gráfico circular en Android?
- 16. achartengine Android gráfico circular sencilla
- 17. Google gráfico de sectores no se muestra Internet Explorer 8
- 18. de relleno degradado en el gráfico de líneas (Highcharts)
- 19. ¿Cómo escoger colores para un gráfico circular?
- 20. Cómo reducir el número de líneas verticales en un gráfico de líneas KendoUI?
- 21. ¿Cómo dibujar líneas verticales en el gráfico de Highcharts?
- 22. Reducir el número de llamadas a getTableCellRendererComponent
- 23. Color de fondo para el gráfico circular de Jqplot
- 24. g.raphael.js efecto de degradado en el gráfico circular
- 25. Cómo hacer un gráfico circular en CSS
- 26. matplotlib: Control de gráfico circular color de fuente, ancho de línea
- 27. Cómo mostrar información sobre herramientas en el gráfico circular jqplot
- 28. evento, haga clic en gráfico circular en el androide
- 29. Django - Número de importación de modelo circular
- 30. Highcharts equivalente de esta demostración de gráfico Raphael.js - posible?
¿No podría simplemente no pasar tantos elementos a Highcharts? Como controlas el JSON que envías, puedes agregarlos tú mismo antes de enviarlos. – mynameiscoffey
Relacionado: http://stackoverflow.com/questions/28883606/group-smaller-slices-in-pie-charts-to-improve-readability –
Como OP, me encantaría que se construya este comportamiento: se especificaría el número máximo de divisiones para mostrar, el nombre de la "categoría de los demás", así como la columna y el orden de clasificación. Entonces Highchart podría agregar automáticamente todas las columnas restantes en la categoría de los demás, y un desglose con detalles cuando se haga clic. Además, al exportar, verá todas las categorías (sin agrupar allí). Hacer todo eso manualmente es un dolor. –