gRaphael 꺾은 선형 차트 그늘 변경

Question

현재 gRaphael에서 x 축이 y 축 위로 이동하여 꺾인 선 차트를 구현하고 있습니다 (이는 이미 내 축을 그리면서 수행 한 것입니다).

그러나 이제 x 축 위/아래 영역을 음영 처리하려고 할 때 문제가 발생합니다. g 라파엘의 쉐이드 함수는 그래프 아래에서 Y- 높이까지만 음영을 나타냅니다 (y 축에서 0에서 y- 높이로가는 것과 반대).

http://i.stack.imgur.com/ZuPhw.png

나는 의심 그들이 도움이 될 모양 g.line.js에서 라인의 몇 가지를 발견했다, 그러나 나는 무엇을 "L"아무 생각이 없다 "C"결과는 다음과 같다 , "M"값 의미 (나는 그들이 프로그램의 일부분에 선을 그리라고 말하고 있다고 가정한다.)

나보다 많은 정보를 얻은 누군가의 도움이 크게 감사 할 것입니다!

Answer 1

g.line.js 파일을 무시하고 Y 값에 추가 할 오프셋을 작성하여이 문제를 해결했습니다. 오프셋은 Y 축의 최대 값과 최소값, SVG 자체의 높이 및 SVG 자체에 패딩을 추가하는 값 (축의 값이 더 잘 표시 될 수 있도록)을 고려하여 계산되었습니다. 수식은 다음과 같습니다 (축의 이동 방법과 동일 함).

(height - 2*gutter)*(miny/(maxy-miny))