SNOWFLAKES DRAWING PAPER

[API] Google Chart API 본문

참고/정보/유용정보

[API] Google Chart API

눈송2 2008. 9. 17. 07:57

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

The Google Chart API lets you dynamically generate charts. To seethe Chart API in action, open up a browser window and copy thefollowing URL into it:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World

Press the Enter or Return key and - presto! - you should see the following image:

Yellow pie 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


저작자표시 비영리

'참고/정보 > 유용정보' 카테고리의 다른 글

[API] Google Desktop APIs  (0) 2008.09.17
[API] Google Custom Search API  (0) 2008.09.17
[API] OPEN API (NAVER, AUCTION, DAUM, GOOGLE, CHAMELEON)  (0) 2008.09.16
[정보] 번역 사이트  (0) 2008.09.06
[정보] 패션리더 부츠... 또다른모습??  (0) 2008.09.06
'참고/정보/유용정보' Related Articles more
Comments