2008-11-12 5 views
3

나는 VML을 배우고 웹 사이트의 차트를 한 번 만들었지 만 VML은 Internet Explorer에서만 작동하기 때문에 요즘은별로 좋지 않습니다.그들은 어떻게 stackoverflow에 차트/그래프를 그립니까?

stackoverflow가 '평판'아래에있는 내 프로필 페이지에 그래프가 있음을 알았지 만, 그들이 어떻게했는지 알 수 없었습니다.

누구나 클라이언트 쪽 차트 또는 다이어그램을 만드는 방법을 제안 할 수 있습니까? 모든 브라우저에서 작동합니까? 이미지 파일을 즉석에서 생성하는 서버 측 방법을 사용하고 싶지 않습니다. JavaScript로 차트와 상호 작용할 수도 있습니다.

[편집 - 그것은 내가 그리고 싶은 차트가 아닙니다. 아마 작은 도표도!]

고마워.

답변

8

Flot이 우수합니다.

+0

SVG를 제안하려고했지만 플로트가 멋지게 보입니다. –

+0

SVG를 사용하려면 사용자가 플러그인을 다운로드하고 설치해야한다고 생각합니까? –

+0

SVG는 기본적으로 VML이있는 IE를 제외하고는 거의 모든 작업을 수행합니다. Google은 VML을 사용하여 IE에서 SVG를 에뮬레이션하는 JS 호환성 레이어를 출시했습니다 (아직 출시되지 않은 경우 확실하지 않음). ExCanvas가 캔버스를 시뮬레이션하는 것과 거의 같은 방식입니다. 그래서 예, 플러그인을 사용하지 않고 SVG를 사용할 수 있습니다. 심지어 IE에서는 용감한 느낌이들 수도 있습니다. – ijw

3

Google은이 목적으로 큰 공개 chart API을 생성했습니다.

예 :

line chart   pie chart   alt text

+0

위대한, 그 사용을 찾을 필요가 ;-). –

+1

일단 Google Charts가 렌더링되면 상호 작용할 수 있다고 생각하지 않았습니다. – Galwegian

+0

나는 이것들을 전에 사용했다 - 그들은 훌륭하다! 그러나 질문에서 나는 클라이언트 측 프로세스를 원한다고 말했습니다. –

0

체크 아웃 Google Chart API. 최소한의 노력으로 모든 종류의 정교한 작업을 수행 할 수 있습니다. 디자인 타임에, 그리고 런타임에 서버로 수행 할 수 있습니다. 좋은.

+0

나는 이것들을 전에 사용했다 - 그들은 훌륭하다! 그러나 질문에서 나는 클라이언트 측 프로세스를 원한다고 말했습니다. –

3

스택 오버 플로우 팟 캐스트의 episode 24에는 jQuery가 사용되었다고 언급되어 있습니다. this에 대한 의견은 flot이 사용 된 라이브러리임을 나타냅니다.