FillBetween 플러그인에서 작동하는 플롯 곡선/스플라인 플러그인?

Question

Flot FillBetween 플러그인은 꺾은 선형 차트와 잘 어울립니다. 그러나 나는 선을 부드럽게하고 더 매끄럽게 할 필요가있다. CurvedLined plugin과 Spline plugin을 보았지만 모두 fillbetween 플러그인과 제대로 작동하지 않습니다.

두 개의 곡선/스플라인 시리즈를 사용하고 그 사이의 영역을 채울 방법이 있습니까? 아래 이미지와 같은 것. 또한 하나가 교차 할 때 두 시리즈 사이의 닫힌 영역을 채 웁니다.

Answer 1

은 내가 FillBetween 플러그인에 익숙입니다. 나는 부드럽게하는 부분에 대한 관심을 집중할 것입니다. 그 비슷한 옵션이 나에게도 도움이되지 않는 비슷한 문제가있었습니다. 나는 부드럽게 만들기 위해 외부 플러그인을 사용했다. 그것의 이름은 smooth.js이고 그것은 나를 위해 일했습니다. Smooth.js는 데이터 배열을 읽고 함수를 반환합니다. "평활 점"을 얻으려면 함수를 0과 배열 길이 사이의 값에 적용하십시오. 아이디어는 원래의 데이터 세트보다 더 많은 포인트를 얻는 것입니다.

예를 들어, 테스트라는 값의 배열을 원활 :

//obtaining smoothing function 

var s = Smooth(test, { 
    method: Smooth.METHOD_CUBIC, 
}); 

//obtaining smoothed data 
//asking for 10 "smoothed points" per each point in the original dataset 
test_smoothed = []; 
for (var i = 0; i <= test.length; i = i + .1) { 
    test_smoothed.push(s(i)); 
} 

I가이 예와 JSFiddle했다. 이 플러그인을 사용하여 평탄화 된 데이터를 flot으로 전달한 다음 FillBetween을 사용할 수 있습니다.