jQuery/JS 그래프 - 조건에 따라 다른 색의 선을 그립니다.

모바일 응용 프로그램을 위해 다중 색상 (대부분 3 색)을 지원하는 선 그래프 라이브러리가 필요했습니다.jQuery/JS 그래프 - 조건에 따라 다른 색의 선을 그립니다.

예 : 포도당 50 -600의 범위라고 y 축은 다음 날짜를 1 개월의 분노 축 X (그래서 항상 하루에 30 포인트가 될 것입니다 범위)

논리 : x 축 시작을 고려

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

그래서 내 그래프는 포도당 수준에 따라 그려야합니다.

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

Google Graphs 및 jqPlot을 통과했지만 불행한 것 같습니다.

마지막으로, 우수한 lib를 발견하여 문제를 해결했습니다. Flot Chart

임계 값과 논리를 지정함으로써 동일한 연속선에 다른 색상을 얻을 수 있습니다. 몇 가지 예제가 있습니다 here 찾을 수 있습니다.

2011-10-25 05:16:48

답변