javascript - parrafos - quitar indices en word

En Flot, ¿es posible eliminar u ocultar marcas de cuadrícula sin eliminar la etiqueta correspondiente?

Question

La documentación de Flot API describe los extensos ganchos de la biblioteca para personalizar los ejes de un gráfico. Puede establecer el número de ticks, su color, etc. por separado para cada eje. Sin embargo, no puedo entender cómo evitar que Flot dibuje las líneas verticales de la cuadrícula sin eliminar también las etiquetas del eje x. Intenté cambiar las opciones tickColor, ticks y tickSize sin éxito.

Quiero crear gráficos hermosos compatibles con Tufte, como estos:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

Encuentro que los tics verticales en mis gráficos son basura chatarra. Estoy trabajando con una serie temporal que estoy mostrando como barras verticales, por lo que las marcas verticales a menudo cortan las barras de una manera que es visualmente ruidosa.

Answer 1

Después de investigar un poco, estoy bastante seguro de que no es posible a través de la API de Flot. Sin embargo, si te ensucias mucho, puedes hacerlo: he publicado una versión modificada de un ejemplo que lo hace. Ver fuente muestra toda la fealdad.

Answer 2

A partir de junio de 2009, hay una cuestión flotante 167, que es una solicitud para esta función exacta. Incluye dos implementaciones y algún acuerdo del autor de flot que es una buena idea.

Answer 3

Esta publicación llega dos años después de que OP y Flot (ahora versión 0.6) hayan evolucionado mucho durante ese tiempo o tal vez haya mejores opciones que eso, pero en cualquier caso, esta es mi contribución.

Accidentalmente tropecé con una solución para este problema: establecer el canal alfa del color de la cuadrícula para que sea totalmente transparente. Por ejemplo:

var options =   {
      grid:   {show: true,
               color: "rgb(48, 48, 48)",
               tickColor: "rgba(255, 255, 255, 0)",
               backgroundColor: "rgb(255, 255, 255)"}
    };

Funciona para mi.

Answer 4

Como señaló Laurimann, Flot continúa evolucionando. La capacidad de controlar esto se ha agregado a la API (como se señala en el problema de la flotilla al que Nelson se vinculó).

Si descarga la última versión (que todavía está etiquetada como 0.6), puede deshabilitar las líneas en un eje con "tickLength", así:

xaxis: {
  tickLength: 0
}

Bastante molesto, esta adición no se ha actualizado en la documentación de la API.

Answer 5

Para evitar marcas en las opciones, simplemente marque: [] en el eje correspondiente