2012-02-13 3 views
1

y 축에 두 변수를 그래프로 표시하는 막대 차트 구성 요소를 찾고 있는데, 하나는 전통적인 "상향식"스타일로 표시 한 것입니다. ... "하향식"에서 표시 다른두 개의 y 축 변수가있는 자바 스크립트 막대 차트 만들기 아래쪽과 아래쪽에 하나씩 위로

Valid XHTML

그냥 미국 상태에 대한 시간이 지남에 따라 투표를 나타내는 그래프를 상상한다. 시간은 X 축, 즉 변수 1에 매핑됩니다. 한 세트의 막대 (즉, 변수 2)는 아래에서 위로 성장하여 그 시점에서 얼마나 많은 투표가 수행되었는지 보여줍니다. 다른 막대 세트 (즉, 변수 3)는 위에서 아래로 성장하고 대학에서 교육받은 인구 중 아직 투표하지 않은 인구를 나타냅니다. 그래서, 시간이 지남에 따라 왼쪽에서 오른쪽으로 눈을 움직이면 바가 아래에서 위로 자라는 것을 볼 수 있고 바는 위에서 아래로 자라는 것이 더 작아지는 것을 볼 수 있습니다.

2 개의 vars를 쌓는 대신, 하나의 var가 종유석이되고 다른 하나가 석순이되도록합니다.

다양한 JS 라이브러리를 살펴 보았지만이 구성 요소가 들어있는 패키지를 찾지 못했습니다.

  1. 이 막대 차트 스타일을 지원하는 JS 그래프 라이브러리가 있습니까?
  2. 그렇지 않은 경우 이러한 차트를 지원하기 위해 쉽게 사용자 지정할 수있는 JS 그래프 라이브러리를 찾았습니까?

고마워요!

+0

질문에 대한 링크를 덧글 또는 수정하면 이미지를 삽입 할 수 있습니다. –

+0

원하는 출력에 대한 좋은 설명은 +1. imgur.com에서 이미지 링크를 게시하면 편집 할 수 있습니다. 나는 그것이 당신이 원하는 것을 가지고 있는지 모르지만 [jqPlot] (http://www.jqplot.com/)을 보았습니까? – Bojangles

+0

Excel에서 "100 % 누적 형 차트"입니다. –

답변

0

확인이 라이브러리는 : http://g.raphaeljs.com/

기본적으로, 당신이 JS 어떤 그래프 스타일을 그릴 수 있습니다.

1

하이 차트를 살펴보십시오. 여러 x 및 y 축 막대 차트를 수행하는 js 플러그인입니다.