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.
Tu enlace a la pregunta me da 404. –
Disculpa, algo pareció estar cortado en el copy-paste. Debería funcionar ahora – eykanal
Gracias por corregir el enlace y gracias por la respuesta. –