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.

La última etiqueta en el eje x desaparece al cambiar el tamaño.

22 Jul, 2023 Programación

Estoy tratando de obligar a Highcharts a mostrar la última etiqueta en el eje x cuando está habilitado “step”. El siguiente código funciona, pero oculta la última etiqueta cuando cambio el ancho del dispositivo (digamos, abro la consola de Chrome). El problema surge en dispositivos móviles cuando hago scroll después del gráfico, la última etiqueta desaparece.

chart:
{
    renderTo: "container",
    type: "line",
    events:{
        load:function(){
            var ticks = $.map(this.axes[0].ticks, function(t){return t;});
            ticks[ticks.length-2].render(0);
        }
    }
}
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para forzar a Highcharts a mostrar la última etiqueta en el eje x cuando se habilita “step”, puede modificar el código añadiendo las siguientes líneas:

    xAxis: {
  showLastLabel: true
},

    Esto asegurará que la última etiqueta en el eje x siempre se muestre, incluso cuando el gráfico se redimensione o se vea en diferentes dispositivos.

    Entonces, el código actualizado debería lucir como sigue:

    chart:
{
  renderTo: "container",
  type: "line",
  events:{
    load:function(){
      var ticks = $.map(this.axes[0].ticks, function(t){return t;});
      ticks[ticks.length-2].render(0);
    }
  },
  xAxis: {
    showLastLabel: true
  }
}

    Con estos cambios, ya no debería tener el problema de que la última etiqueta desaparezca en dispositivos móviles o cuando el gráfico se redimensione.

Comments are closed.