Я имел большой успех при создании графиков с помощью Flot. Тем не менее, я не могу понять, как можно сделать затенение в области между двумя линиями, используя библиотеку. Моя цель - создать затененные области, как показано ниже:
График1 http://hizkiya.com/images/1.jpg
График2 http://hizkiya.com/images/2.jpg
Я нашел этот плагин, но, похоже, он может затенять только диапазон значений линии, как показано здесь .
Обновление:
У меня наконец-то получилось работать с шейдингом, хотя это несколько странно. Я записываю то, что работает здесь, чтобы другие могли извлечь выгоду.
Чтобы закрасить две строки, необходимо объединить два набора данных, причем более высокий порядок упорядочен в обратном порядке. Убедитесь, что первая и последняя точки наборов данных совпадают, иначе вы можете получить странные результаты.
Так, например, если я установлю lines: { fill: true} с data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]], я получу заполненную область.