es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Deshabilitar la superposición de datos en el gráfico de rosquilla en Highcharts.

Estoy trabajando en un gráfico de donut en Highcharts donde estoy mostrando algunos datos. El problema es que cuando se muestra el gráfico de donut hay un poco de superposición entre los tipos de datos. Si quisieras ver el gráfico en jsfiddle, aquí está el html:

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

y el código js:

Highcharts.chart('container', {
    chart: {
        type: 'pie',
        margin: [0, 0, 0, 0]
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },
    plotOptions: {
        pie: {
            startAngle: 90,
            innerSize: '99%',
            borderWidth: 16,
            slicedOffset: 40,
            borderColor: undefined,
            dataLabels: {
                enabled: false
            },
            states: {
                hover: {
                    brightness: 1,
                    halo: {
                        size: 0
                    }
                }
            }
        }
    },
    series: [{
        data: [29.9, 71.5,50]
    }]
});

Si te pones encima de una de las series en el gráfico de donut, la línea llega a la otra. Mi pregunta es si hay una opción para que las líneas no se superpongan entre sí, de modo que el extremo no esté redondeado sino que tenga bordes afilados que no se superpongan. Gracias por cualquier ayuda.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Sí, hay una opción para evitar que se superpongan las líneas. Puede establecer la propiedad borderWidth en plotOptions a un valor mayor que 0. Esto creará un borde alrededor de cada segmento del gráfico de donut y evitará que las líneas se superpongan.

Comments are closed.