어떻게이 동적 CSS 점 그래프를 선 그래프로 바꿀 수 있습니까?

Question

JavaScript를 사용하여 모든 계산을 수행하는 CSS로 점 그래프를 만들었습니다.

그래프는 사이트 분석을 포함하여 많은 것들에 사용될 것입니다.

사용자는 매 x 초마다 자동으로 그래프를 업데이트하는 실시간 기능을 활성화 할 수 있습니다.

이 그래프는 일련의 AJAX 요청을 사용하여 데이터베이스에서 데이터를 가져 오므로 정확한 결과의 예를 보여줍니다.

그러나 그래프가 작동하려면 내가 함께 일부 임의의 비율을 포함 JSFiddle이 하나를 뒀다 :

http://jsfiddle.net/57Jjd/1/

나는 아마도이 점을 켜 수있는 방법이 있는지 궁금 해서요 가급적이면 CSS, JavaScript 및 Jquery를 사용하여 update()에있는 지점과 함께 움직이는 선 그래프?

그래서 대신 :

내가 좋아하는 것

:

Answer 1

당신은 당신이 당신의 포인트 (div의)을 보간한다 간단한 div를를 사용하고 연속 선을 얻기 위해 . 많은 div를 보간하기 때문에 (HTML의 캔버스를 사용하는 것이 좋습니다. 그래프의 해상도가 많아서 렌더링하기가 어려울 수 있습니다). HTML5 캔버스는 물론 점 사이의 보간을 원하면 필요한 것입니다.

최고 감사합니다.

Answer 2

이것이이 의미입니까? (100 - 상단 = 높이)

$("#spot_1").animate({ 
    top: "95%", 
    height: "5%" 
});