Ponga solo enteros en los ejes x e y de los gráficos de barras y líneas-Flot


En el flotador.js, gráficos de barras y gráficos de líneas tienen números como las coordenadas en el eje x e y por defecto.

Ejemplo de gráfico de líneas

¿Cómo se pueden hacer las coordenadas de tal manera que los números son solo enteros o al menos solo los enteros son visibles?

 22
Author: six.strings.and.a.bit, 2012-10-16

2 answers

Echa un vistazo a la opción minTickSize de la documentación :

Alternativamente, puede especificar que simplemente no desea garrapatas en un tamaño menor que un tamaño específico de garrapata con "minTickSize".

Así que en tus opciones de gráfico, lo especificarías así:

$.plot($('#placeholder'),data,{
   //your options,
   xaxis: {
      minTickSize: 1
   }
});

Vea que funciona aquí: http://jsfiddle.net/ryleyb/g2CTz /

 20
Author: Ryley,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-10-16 15:25:26

Parece que las versiones más recientes de Flotr usan una opción diferente para controlar esto desde la respuesta original:

    xaxis: {
        tickDecimals: 0
    }

Simplemente proporcione un entero con el número de decimales a mostrar.

NB: Esto es para Flotr2.

 59
Author: Michael Cordingley,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-04-22 20:56:33