2010-06-01 13 views
5

He tenido mucho éxito creando gráficos con Flot. Sin embargo, parece que no puedo imaginar cómo se podría sombrear en una región entre dos líneas usando la biblioteca. Mi objetivo es ser capaz de crear regiones sombreadas como se ilustra a continuación:¿Cómo puedo sombrear una región entre dos líneas en flot?

Graph1 http://hizkiya.com/images/1.jpg Graph2 http://hizkiya.com/images/2.jpg

encontré this plugin, pero parece que sólo puede sombrear un rango de valores de una línea, como se ha demostrado here.

Actualización:

fin llegué de trabajo sombreado, aunque es algo hacky. Estoy registrando lo que funciona aquí para que otros puedan beneficiarse.

Para sombrear entre dos líneas, debe fusionar dos conjuntos de datos, con el más alto ordenado al revés. Asegúrese de que el primer y el último punto de los conjuntos de datos sean iguales, de lo contrario podría terminar con resultados extraños. Por ejemplo, si configuro lines: { fill: true} con data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]], termino con una región llena.

Respuesta

4

Hay una opción {lines: { fill: true} } para rellenar, y revisa this question en su mailing list archive para saber cómo hacer que funcione entre líneas.

Tenga en cuenta que hay otras publicaciones relevantes en el archivo de su lista de correo; mira a través de eso.

+0

Tu enlace a la pregunta me da 404. –

+0

Disculpa, algo pareció estar cortado en el copy-paste. Debería funcionar ahora – eykanal

+0

Gracias por corregir el enlace y gracias por la respuesta. –

Cuestiones relacionadas