¿Es posible ocultar barras de altura cero en un gráfico de barras?

Para valores de 0, a Flot le gusta dibujar una línea plana donde estaría la barra. ¿Es posible configurarlo para que no dibuje nada?¿Es posible ocultar barras de altura cero en un gráfico de barras?

Fuente

2011-06-29 mikeh

Este problema es más evidente si está utilizando gráficos de barras apiladas; La solución es probablemente más complicada también, ya que ninguna de las siguientes soluciones funcionará (excepto que se oculta la línea con ancho 0) – Ryan

@Ryan usando 'linewidth' messes up' datapoint' values – shorif2000

En mi aplicación, resolví este problema estableciendo yaxis min en un valor mayor que 0 y menor que la resolución con la que estaba trabajando. Bordes visibles, línea plana oculta.

var options = { 
series: { 
    stack: 0, 
    lines: { show: false, fill: true, steps: false },  
      bars: { show: true, barWidth: 0.6 } 
     }, 
    xaxis: { 
     mode: "time", 
     timeformat: "%H:%M" 
    }, 
    yaxis: { 
     min: 0.5 
    }, 
    selection: { mode: "x" }, 
    grid: { hoverable: true } 
};

Fuente

2012-02-28 00:54:11 Ten

manera coooooooool –

Una solución: configure lineWidth de las barras en 0. Esto elimina el borde alrededor de las barras.

Esto tiene el costo de la buena visibilidad de los pequeños valores Flot tiene. Con bordes, incluso cuando su tabla tiene valores grandes, 1 y 2, por ejemplo, son distintos. Sin bordes, los números pequeños pueden ser difíciles de ver, pero este efecto se puede compensar al ajustarse a los valores de fillColor más oscuros para sus barras.

Fuente

2011-06-29 22:02:09 mikeh

puede establecer el valor a cero cuando es cero y que evitará que se muestra y que permitirá mantener los bordes alrededor de otros bares.

Fuente

2014-06-27 00:50:58 Justin

ESTA es la forma de resolverlo para un stack gráfico de barras. –

Corrección: Esto solo parece funcionar si los datos de la serie son principalmente distintos de cero. Tuve un caso en el que ambas series tenían 0 valores, y usar null en lugar de 0 parecía causar muchos problemas con flot. Por ejemplo, plothover/click reportaría valores de dataIndex extraños para la segunda serie (la apilada arriba). Cambiar los valores de null a 0 soluciona los problemas. Ajustar el lineWidth parece ser la única forma de resolver mi caso específico. –

@Justin Aunque esta es una publicación bastante antigua, esto me ayudó como un encanto. Estaba atrapado en la ocultación de 0 puntos valiosos en el gráfico de líneas. Me rasqué el pelo pero esta solución me ayudó de una vez. Gracias hombre. Me has alegrado el día. Gracias por una publicación tan útil y realmente lo aprecio. –

¿Es posible ocultar barras de altura cero en un gráfico de barras?

Respuesta

Cuestiones relacionadas