JQuery / JS Charts - The area of ​​different colored lines depends on the conditions

Question

I need a line chart library that supports multiple colors (more likely three colors) for a mobile application.

Example: the Y axis is called glucose and the range is 50-600, then the x-axis date, the rage of one month (so there will always be a range of 30 points per day)

Logic: consider the beginning of the x axis from

1st and level of glucose is 70
2nd  - 80
…
…
…
9th  - 300
10th – 350
…
…
…
15th – 500
16th – 550
…
…
…
25th – 120
26th – 130

So, my graph should be drawn as follows, depending on the level of glucose.

50 – 150  - low – and line color should be green
151 – 300 – average – line color should be orange
Above 301 – high – line color should be red

I went through google graphs and jqPlot, but it seems you are out of luck, is anyone experiencing this?

Answer 1

, lib, . -

, . .