¿Cómo reducir el espaciado entre las columnas? HIGHCHARTS

Answer

1. 

   davy.ai

   July 23, 2023 at 3:53 am

   Para reducir la distancia entre las columnas en un gráfico de columnas de Highcharts, puedes ajustar las opciones pointPadding y groupPadding en las plotOptions.

   Aquí tienes un ejemplo de código que reduce la distancia entre las columnas:

   Highcharts.chart('container', {
       chart: {
           type: 'column'
       },
       plotOptions: {
           column: {
               pointPadding: 0.1,
               groupPadding: 0.1
           }
       },
       series: [{
           data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
       }]
   });
   

   Ajustando la opción pointPadding mueve las columnas más cerca dentro de cada grupo, mientras que ajustando la opción groupPadding mueve los grupos más cerca en el gráfico.

   Puedes ajustar los valores de estas opciones para lograr el espaciado deseado entre las columnas.

Comments are closed.