웹 기반 동적 그래프 - 사용자 기본 설정 입력

Question

주어진 세트에 대한 사용자 기본 설정을 입력하는 방법에 어려움을 겪고 있습니다. cat, dog, fish, chameleon, snake 어떤 I 원하는 것은 n 슬라이더 0..100% 각 간단한 그래프를 그릴 수있다 :

는 I, 즉 I 5 개 항목의 목록을, (최대 20) 소자의 이산 세트를 갖는다.

예를 들어 (집 애완 동물 등) 사용자 환경 설정 cat: 95%, dog: 80%, fish: 65%, chameleon: 20% 및 snake: 0%, 나는 그를이 곡선을 그릴 수 있도록합니다.

또한 목록의 요소 (Y 좌표는 %이어야 함)에 따라 자동으로 생성 된 X 좌표의 슬라이더와 제목 (즉, 고양이, 강아지 ...)을 원합니다.

---

얼마나 어렵습니까?

(jQuery를 또는 실버 를 사용할 수 있습니까?) _

Answer 1

먼저 당신은 슬라이더를 만들어야합니다. jQueryUI Sliders을 사용할 수 있습니다. 각 슬라이더에서 모든 값을 가져올 수 있습니다.

일단 값이 있으면 jqplot (http://www.jqplot.com/)과 같은 플롯 플러그인을 사용할 수 있습니다.