수안이의 컴퓨터 연구실

  • Mainpage
  • About Me
  • Tags
  • Metapage
  • Notice
  • Location
  • Keywords
  • Guestbook
  • Admin
  • Write an Article
  • Total | 1621030
  • Today | 410
  • Yesterday | 482

2 Articles, Search for 'Chart'

  1. 2007/12/24 Google Chart API Article
  2. 2007/12/17 Google Chart API
Web2007/12/24 02:35

Google Chart API Article

Google Chart API 관련

Draco Counter 3.0 with Google Chart API

Google Chart API Javascript Wrapper 등장

웹 실시간 차트생성 - 구글 차트 API


Google Chart 자동 생성 툴

http://almaer.com/chartmaker/

http://www.heavytrader.it/google-chart-generator.php

http://charts.hohli.com/


"Web" 카테고리의 다른 글
  • Web Tools의 모든 것 (0)2008/01/23
  • 웹 개발을 하고 있다면 참고할 사이트 (0)2008/01/05
  • Google Chart API Article (0)2007/12/24
  • Google Developer Day US (0)2007/12/18
  • Google Chart API (1)2007/12/17
2007/12/24 02:35 2007/12/24 02:35
Posted by webdizen
Tags API, Chart, Google
No Trackback No Comment

Trackback URL : http://www.webdizen.net/blog/trackback/3158

Leave your greetings.

[로그인][오픈아이디란?]

Web2007/12/17 11:37

Google Chart API

http://code.google.com/apis/chart/

Google의 Chart API를 이용하여 Web 상에서 편리하게 Chart 표현을 할 수 있는 기능이다.
실제 사용해 본 결과 엄청나다. 언제 Google Chart를 이용해서 블로그 방문자 차트나 만들어봐야겠다.

Chart with line in yellow

cht=lc


Line chart with unevenly spaced data points and lines in red, green and dashed blue
cht=lxy
chd=t:0,30,60,70,90,95,100|
20,30,40,50,60,70,80|
10,30,40,45,52|
100,90,40,20,10|
-1|
5,33,50,55,7


Horizontal bar chart with two data sets: one data set is colored in red the second is stacked in green
cht=bhs
chco=ff0000,00aa00


Vertical bar chart with two data sets: one data set is colored in red the second is stacked in green
cht=bvs
chco=cc0000,00aa00


Horizontal bar chart with two data sets: one data set is colored in red the second is adjacent in green
cht=bhg
chco=cc0000,00aa00

Vertical bar chart with two data sets: one data set is colored in red the second is adjacent in green
cht=bvg
chco=cc0000,00aa00


Horizontal bar chart in yellow, bars have the default width
chbh omitted
cht=bhs


Horizontal bar chart in yellow, bars are ten pixels wide
chbh=10
cht=bhs


Two-dimensional pie chart with six segments where segment colors are interpolated from dark to pale orange

cht=p


Three-dimensional pie chart with six segments where segment colors are interpolated from dark to pale orange

cht=p3


Venn diagram with three overlapping circles
cht=v
chd=t:100,80,60,30,30,30,10



Scatter plot with default blue circle data points in different sizes as defined by a third data set
cht=s


Line chart with one red, one blue, and one green line

chco=ff0000,00ff00,0000ff


Line chart with two red lines and one blue line

chco=ff0000,0000ff


Horizontal bar chart with one data set in red the second in green and the third in red

chco=ff0000,00ff00
chd=s:FOE,THE,Bar


Horizontal bar chart with one data set in red, the second stacked in green, and the third in blue

chco=ff0000,00ff00,0000ff
chd=s:FOE,THE,Bar


Three dimensional pie chart with segments interpolated from dark to pale blue

chco=0000ff


Venn diagram with three overlapping circles, one circle is green the others are blue
chco=00ff00,0000ff


Red line chart with pale gray background

chf=bg,s,efefef


Scatter plot with points in blue, chart area in black, and pale gray background

chf=bg,s,efefef|
c,s,000000


Horizontal bar chart with pale yellow background

chf=bg,s,FFF2CC


Red line chart with pale gray background and chart area in a white to blue linear gradient from left to right

chf=
c,lg,0,76A4FB,1,ffffff,0|
bg,s,EFEFEF


Red line chart with pale gray background and chart area in a white to blue diagonal linear gradient from bottom left to top right

chf=
c,lg,45,ffffff,0,76A4FB,0.75|
bg,s,EFEFEF


Red line chart with pale gray background and chart area in a white to blue vertical linear gradient from bottom to top

chf=
c,lg,90,76A4FB,0.5,ffffff,0|
bg,s,EFEFEF


Blue line chart with alternating gray and white stripes from left to right

chf=c,ls,0,CCCCCC,0.2,
FFFFFF,0.2


Blue line chart with a dark gray, pale gray, white and dark gray stripes from bottom to top

chf=
c,ls,90,
999999,0.25,
CCCCCC,0.25,
FFFFFF,0.25


Vertical bar chart with title
chtt=Site+visitors+by+month|
January+to+July


Vertical bar chart with blue, 20 pixel, title
chtt=Site+visitors
chts=FF0000,20


Red, blue, and green line chart with matching legends
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff


Venn diagram with two smaller circles enclosed by a larger circle
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff


Three dimensional pie chart with May, June, July, August, September and October labels for each segment

chl=May|Jun|Jul|Aug|Sep|Oct


Line chart with the labels: 0, 20, 40, 60, 80, and 100 on the left and right and labels: 0, 25, 50, 75, and 100 twice on the x-axis one set below the other

chxt=x,y,r,x,t


Line chart with 0 and 100 on the left, A, B, and C on the right, Jan, July, Jan, July, and Jan on the x-axis and 2005, 2006 and 2007 below

chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|100|
2:|A|B|C|
3:|2005|2006|2007


Line chart with 0 to 100 on the left, A, B, and C on the right, Jan, July, Jan, July, and Jan on the x-axis and 2005, 2006 and 2007 below

chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
(y-axis omitted)
2:|A|B|C|
3:|2005|2006|2007


Line chart with min, average, and max on the left, 0, 1, 2, and 4 on the right and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=1:|min|average|max
chxp=1,10,35,75|2,0,1,2,4


Line chart with 0, 50, 100, 150, and 200 on the left, 1000, 800, 600, 400, 200, and 0 on the right and 250 and 500 on the x-axis
chxt=x,y,r
chxr=0,100,500|1,0,200|2,1000,0


Line chart with 200, 300, and 400 on the x-axis
chxt=x
chxr=0,100,500
 chxl=0:|200|300|400
chxp=0,80,300,400


Line chart with min, average, and max on the left, 0, 1, 2, 3, and 4 on the right, 0 to 100 along the x-axis and Jan, Feb, and March in blue below
chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|1:|min|average|max
chxp=1,10,35,75
chxs=3,0000dd,13


Line chart with 1st and 15th repeating along the x-axis and Feb and Mar below. All labels are in blue
chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar||
     0:|1st|15th|1st|15th|1st
chxs=0,0000dd,10|3,0000dd,12,1


Line chart with one solid line and one dashed line
chls=3,6,3|1,1,0


Line chart with 5 vertical and two horizontal pale gray dashed grid lines
chg=20,50


Line chart with 5 vertical and two horizontal faint, pale gray, dashed grid lines
chg=20,50,1,5


Line chart with 5 vertical and two horizontal pale gray, solid grid lines
chg=20,50,1,0


Line chart with 20 pixel red cross, 20 pixel green diamond, 9 pixel purple arrow, 20 pixel orange circle, 10 pixel blue square, 1 pixel pale gray vertical line, 1 pixel blue line and a 20 pixel yellow cross all drawn on the data points of a single line. A thin black horizontal line intersects the vertical line v at point 7
chm=
c,FF0000,0,1.0,20.0|
d,80C65A,0,2.0,20.0|
a,990066,0,3.0,9.0|
o,FF9900,0,4.0,20.0|
s,3399CC,0,5.0,10.0|
v,BBCCED,0,6.0,1.0|
V,3399CC,0,7.0,1.0|
x,FFCC33,0,8.0,20.0|
h,3399CC,0,7.0,1.0


Scatter plot with 10 pixel red square markers
chm=
s,FF0000,1,1.0,10.0


Line chart, one line has 10 pixel circles on each data point the other line has 10 pixel diamonds. A circle is drawn on the point that is common to both lines
chm=
o,ff9900,0,1.0,10.0|
o,ff9900,0,2.0,10.0|
o,ff9900,0,3.0,10.0|
d,ff9900,1,1.0,10.0|
d,ff9900,1,2.0,10.0|
d,ff9900,1,3.0,10.0


Line chart with a pale blue horizontal band stretching from 25 percent to 75 percent of the way up the y-axis and a thin horizontal line ten percent of the way up the y-axis
chm=
r,E5ECF9,0,0.75,0.25|
r,000000,0,0.1,0.11


Line chart with a pale blue vertical band stretching from 25 percent to 75 percent of the way along the x-axis and a thin vertical line ten percent of the way along the x-axis
chm=
R,ff0000,0,0.1,0.11|
R,A0BAE9,0,0.75,0.25


Line chart with a pale blue vertical band stretching from 25 percent to 75 percent of the way along the x-axis and a thin vertical line ten percent of the way along the x-axis
chm=
R,ff0000,0,0.1,0.11|
R,A0BAE9,0,0.75,0.25|
r,E5ECF9,0,0.75,0.25|
r,000000,0,0.1,0.11


Three lines on a chart; chart is shaded in green from bottom to first line, red from first to second line, dark blue from second to third line and pale blue from third line to top of the chart
chd=s:
99,
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,
AA

chm=
b,76A4FB,0,1,0| (light blue)
b,224499,1,2,0| (blue)
b,FF0000,2,3,0| (red)
b,80C65A,3,4,0 (green)

chco=000000,000000,000000,
000000,000000


Three lines on a chart; chart no shading from bottom to first line, red from first to second line, dark blue from second to third line and no shading from third line to top of the chart. Lines are drawn in default yellow
chd=s:
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,

chm=
b,224499,0,1,0| (blue)
b,FF0000,1,2,0| (red)
b,80C65A,2,3,0 (green)


Single line on a chart with shading in blue from the bottom of the chart to the line
chm=B,76A4FB,0,0,0
chd=s:ATSTaVd21981uocA

"Web" 카테고리의 다른 글
  • Google Chart API Article (0)2007/12/24
  • Google Developer Day US (0)2007/12/18
  • Google Chart API (1)2007/12/17
  • 차세대 운영체제 "WebOS" (1)2007/11/08
  • 웹 기반 이미지 편집 툴 "Splashup" (1)2007/11/06
2007/12/17 11:37 2007/12/17 11:37
Posted by webdizen
Tags API, Chart, Google
1 Trackback No Comment

Trackback URL : http://www.webdizen.net/blog/trackback/3153

  1. 속속 공개되는 Google Chart Maker  Delete

    2007/12/21 12:39 Tracked fromPHP와 Web 2.0

    얼마 전 공개 된 구글 Chart API을 사용하여 웹에서 바로 바로 차트를 만들어주는 페이지가 속속 공개되고 있습니다.Chart Maker :http://almaer.com/chartmaker/Google Chart Generator di Luigi Provenza :http://www.heavytr..

Leave your greetings.

[로그인][오픈아이디란?]

«Prev  1  Next»
RSS HanRSS
Blog Image
webdizen
이 곳은 컴퓨터에 대해 연구하고, 공유하고, 소통하기 위한 연구실입니다. 개인적으로는 OLAP, Data Mining, Semantic Web, Data Modeling에 대해서 연구하고 있습니다.

Categories

전체 (2998)
Webdizen (134)
Life (6)
Diary (16)
Blog (9)
IDEA (1)
Travel (10)
Book (14)
Photo (7)
Movie (7)
Music (13)
Leisure Sports (10)
Funny (5)
Hardware (119)
Software (120)
Windows (5)
Unix & Linux (119)
Installation (4)
Kernel (10)
System (34)
Develop (22)
X-Window (0)
Applicaton (31)
Security (4)
Framework (2)
Hadoop (2)
Programming (805)
Algorithm & Data Structure (1)
Assembly (38)
UNIX/Linux C (95)
C++ (128)
STL (4)
Java (38)
Win32 API (92)
ATL/COM (44)
MFC (151)
.NET (26)
WCF/WPF (4)
C# (28)
Network Programming (17)
Database Programming (12)
OpenGL / DirectX (13)
Multimedia Programming (0)
Game Programming (21)
Parallel Distributed Progra... (0)
Reverse Engineering (0)
Debugging (9)
Python (1)
Ruby (1)
Ruby on Rails (1)
QT (4)
GTK (0)
JSP (0)
PHP (6)
ASP.NET (6)
ASP (3)
Development (28)
Useful Library (2)
Data Modeling (0)
Database (105)
Oracle (4)
MSSQL (41)
MySQL (2)
Data Warehouse (2)
Data Mining (3)
Network (66)
Web (78)
DHTML (4)
XHTML (1)
Javascript (1)
CSS (1)
AJAX (9)
XML (11)
Flex (1)
Silverlight (3)
Security (91)
DoS (1)
Kernel (10)
Scanning (3)
Sniffing (0)
Spoofing (4)
Overflow (28)
Web (11)
Shell (10)
Format String (14)
Window (2)
Embedded (70)
Multimedia (27)
Mobile (14)
Graphic (24)
Management (633)
Knowledge (581)
Hadoop (0)

Notice

  • 메타 블로그 사이트에 등록
  • 새해 맞이 블로그의 변화
  • 블로그 명칭 변경
  • 도메인(www.webdizen.net) 구...
  • TEXTCUBE 1.6.1로 업그레이드...

Tags

  • 김연아
  • Powershell
  • Data Quality
  • ComboBox
  • Programming Optimization
  • WF
  • Resource
  • Compiler
  • MySQL
  • firefox2.0
  • 양주
  • 정치인
  • 데이터 타입
  • Classes
  • 혓바늘
  • 악세사리
  • 법과대학
  • Baseline
  • Procedure
  • XML Protocols

Recent Articles

  • ASCII Code의 CRLF 제거 방법.
  • Hadoop 에서 c++ API 이용시....
  • Ubuntu Linux에서 Hadoop 구....
  • 내 심장을 한껏 뛰게한 "국가....
  • 스타 스키마 데이터베이스 설....

Recent Comments

  • ■ 온라인카지노 ▶ http://L....
    asdf 11/21
  • 그리고 혹시 해외여행자보험....
    kim 11/05
  • ★★실제 바다게임장과 똑같....
    asdf 11/04
  • sbsyama.co.to← 짱5000만당....
    asdf 11/04
  • ♡KicaZ??o(???) 바카라사....
    fdsf3fass 11/03

Recent Trackbacks

  • 파일 열기/저장하기 CFileDialog.
    은마군의 나태블록 02/11
  • World IT Show 2008.
    상우 :: Oranzie's BLOG 2008
  • cvs서버 설치하기.
    3인3색 2008
  • 속속 공개되는 Google Chart....
    PHP와 Web 2.0 2007
  • 마방진을 구하는 프로그램.
    Oranzie's BLOG 3 2007

Archive

  • 2009/09 (3)
  • 2009/08 (1)
  • 2009/03 (1)
  • 2009/02 (9)
  • 2009/01 (13)

Calendar

«   2009/11   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          

Bookmarks

    • Administration
      • IIS.NET
      • NTFAQ
      • OS의 모든 것
      • 리눅스포털
    • Database
      • SQL Server Central
      • SQL Team
    • Development
      • .NET Heaven
      • ASP Alliance
      • ASP.NET 2.0
      • Bullog.net
      • C# Corner
      • C++ (C PlusPlus.com)
      • C++ Reference
      • CodeGuru
      • CodePlex
      • DebugLab
      • Dev Articles
      • Devpia
      • DotNet Junkies
      • DotNet Zone
      • Driver Online
      • GOSU.NET
      • HOONS 닷넷
      • Joinc 팀블로그
      • KOSR
      • MSDN Home Page
      • OSR Online
      • Sky.ph - 개발자 커뮤니...
      • TAEYO.NET
      • The Code Project
      • WindowsClient.net
      • 김상욱의 개발자 Side
      • 조인시 위키
    • Human Networks
      • belief21c's e-space
      • I think I can
      • Invisible Rover's Blog :D
      • Rodman®
      • ■ Feel So Good~! ■
      • 까만 나비
      • 나를 가꾸는 시간.
      • 나만의 즐거움~~!
      • 단녕
      • 상우 :: Oranzie's BLOG
    • Information Technology
      • Microsoft TechNet
      • 지디넷코리아 - 글로벌...
    • Security
      • FoundStone
      • milw0rm
      • NewOrder
      • OpenRCE
      • Phrack.org
      • Reverse Engineering b1...
      • Reverse Engineering Team
      • RootKit
      • SecurityFocus
      • SecurityXploded by Nag...
      • Wow Hacker
      • Zone-H
Textcube
Louice Studio Inc.
Powered by Textcube. Original designed by Tistory.