Back to site
Since 2004, our University project has become the Internet's most widespread web hosting directory. Here we like to talk a lot about web development, networking and server security. It is, after all, our expertise. To make things better we've launched this science section with the free access to educational resources and important scientific material translated to different languages.

Адсочванне Каляды Cheer з Google Charts

Давайце што-то ў адкрытую: Я кахаю статыстыку. Як informatician я не магу атрымаць дастаткова графікаў, дыяграм і лічбаў. Так што вы можаце сабе ўявіць, калі Google выпусціла свой ​​Графікі API я думаў, Каляды прыйшло раней. Я адразу ж пачаў складаць графікі для курортнага сезону з выкарыстаннем новага API , і з дапамогай маёй новай знойдзенай графік навыкі прыняцця Я пакажу вам, што вы можаце і не можаце зрабіць з графікамі Google.

Мама, гэта мой першы графік

Google Charts API дазваляе перадаваць дадзеныя ў Google, у сваю чаргу яны даюць вам назад прыгожа аказаныя графа. Уся цяжкая праца выконваецца на серверах Google, - вам трэба спасылацца толькі на малюнак у HTML . Пераходзіце па дадзеных - нумары для графікаў, пазнакі восяў, і гэтак далей - у радку запыту малюнка URL . Калі вы хочаце дадаць дыяграм для вашага блога або вэб-сайт, там, напэўна, няма больш хуткага спосабу, каб пачаць.

Вось просты прыклад: калі дадаць наступны радок у HTML- старонку:

  1. <img src="http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=s:ZreelPuevfgznf2008" />

Тады мы ўбачым, лінейны графік на малюнку 1, з'явіцца ў нашай старонцы. Гэта графік размяшчаецца на ўласным серверы Google у 1 : http://chart.apis.google.com/ .

Малюнак 1: Просты прыклад лінейнага графіка створаны з графікамі Google.

Калі вы паглядзіце на URL , якія выкарыстоўваюцца ў прыкладзе вы заўважыце, мы перадаем некаторыя параметры разам у радку запыту (біт пасля пытальніка). Радок запыту выглядае так:

  1. cht=lc&chs=200x125&chd=s:ZreelPuevfgznf2008

Ён змяшчае усё, што Google Charts неабходна намаляваць графік. Ёсць тры параметру ў радку запыту:

  • cht , гэта паказвае тып дыяграмы Графікі Google будзе генераваць (у дадзеным выпадку, LC з'яўляецца графік).
  • CHS , кошт якога складае 200x125 ; гэта вызначае памер графіка (200 пікселяў у шырыню і 125 пікселяў у вышыню).
  • chd , значэнне якой s:ZreelPuevfgznf2008 , гэта фактычныя дадзеныя дыяграмы, якія мы абмяркуем больш падрабязна пазней.

Гэтыя тры параметру мінімум, вы павінны паслаць да Google Charts, каб стварыць дыяграму. Ёсць шмат больш параметраў, якія вы можаце паслаць таксама (даючы вам больш шырокі выбар над тым, як дыяграмы адлюстроўваецца), але вы павінны ўключаць, па меншай меры, гэтыя тры перад графік можа быць створаны. Выкарыстоўваючы гэтыя тры параметру можна ствараць кругавыя дыяграмы, кропкавыя ўчасткі, дыяграмы Венна, гістаграмы (і больш) да 1000 пікселяў у шырыню і 1000 пікселяў у вышыню (але не больш чым 300.000 пікселяў ў агульнай складанасці).

Калядны пірог

Пасля таго як я выявіў магчымасць стварэння кругавой дыяграмы я адразу думка графічны ўсіх відаў харчовых прадуктаў і напояў, якія я буду ўжываць на Каляды, свята ў гэтым годзе. Я магу прадставіць кожны элемент як працэнт ад усіх ежы на кругавой дыяграме (проста думаць пра тое, што робіць мяне галодным).

Змяняючы значэнне CHT параметру ў радку запыту малюнка я магу змяніць тып дыяграмы з графіка на кругавой дыяграме. Google Charts прапануе два розных тыпу кругавой дыяграмы: фантазіі трохмернай версіі і двухмерных накладныя версіі. Я хачу заставацца з ім, так што мне трэба змяніць cht = LC для CHT = р ( р кажа Google Charts для стварэння кругавой дыяграмы, калі вы хочаце трохмернай версіі, выкарыстоўвайце cht = p3 ). Як кругавая дыяграма кругавая Я таксама неабходна скарэктаваць памер дыяграмы, каб зрабіць яго плошчы. Нарэшце, было б нядрэнна, каб дадаць загаловак да графіку. Я магу зрабіць гэта, дадаўшы дадатковы параметр, chtt , да канца малюнка URL . Я ў выніку графік вы бачыце на малюнку 2.

Малюнак 2: Кругавая дыяграма з назвай.

Каб дадаць гэты графік на свой ​​старонцы, вы ўключаюць наступнае (звернеце ўвагу, што вы не можаце ўключыць прабелы ў URL с, таму вам трэба закадаваць іх як плюс-знакі.):

  1. <img src="http://chart.apis.google.com/chart?chtt=Food+and+Drink+Consumed+Christmas+2007&cht=p&chs=300x300&chd=s:ZreelPuevfgznf2008" />

Добра, гэта выдатна, але Ёсць яшчэ дзве рэчы, якія я хачу зрабіць, перш чым я магу назваць гэта кругавой дыяграмы завершана. Спачатку я хачу, каб пазначыць кожны кавалачак пірага. А па-другое я хачу ўключыць патрэбныя дадзеныя (у момант лустачкі не маюць сэнсу). Калі 2007 нічога падобнага 2006 годзе, зламаць будзе прыкладна наступным чынам:

Яйка нагель 10%
Каляды Хэм 20%
Малако (не ўключаючы яйка нагель) 8%
Печыва 25%
Смажаныя каштаны 5%
Шакалад 3%
Розныя іншыя напоі 15%
Розныя Іншыя прадукты харчавання 9%
Закускі 5%

У мяне девять катэгорый прадуктаў харчавання і напояў, якія неабходна адсочваць, таму мне трэба девять этыкеткі зрэз. Каб дадаць іх у графік, я выкарыстоўваю хл параметру. Усе дзевяць этыкеткі адпраўляюцца ў адно значэнне, я выкарыстоўваю вертыкальнай вертыкальнай рысы, |, каб падзяліць іх. Таму мне трэба дадаць наступныя радкі ў радок запыту:

  1. chl=Egg+nog|Christmas+Ham|Milk+(not+including+egg+nog)|Cookies|Roast+Chestnuts|Chocolate|Various+Other+Beverages|Various+Other+Foods|Snacks

Наступная мне трэба дадаць адпаведныя значэнні ў працэнтах да подпісаў дыяграмы. Кадаванне дадзеных дыяграмы з'яўляецца складаная частка Google Charts API - але зусім не складаная. Існуюць тры розных спосабу кадавання дадзеных на дыяграме. Як я справу толькі з невялікімі лікамі, я збіраюся выкарыстоўваць тое, што Google званкі простага кадавання .

Простае кадаваньне прапануе 62 значэння спектр, у якім для прадстаўлення дадзеных. Памятаеце абавязковай опцыяй, ішэмічнай хваробы сэрца , ад першага прыкладу? Значэнне для гэтага падзелена на дзве часткі: тып кадавання і графік самі дадзеныя. Гэтыя дзве часткі, падзеленыя двукроп'ем. Для выкарыстання простага кадавання, першы знак ИБС опцыя павінна быць у ніжнім рэгістры s. Выконвайце гэтага з тоўстай кішкі і ўсе пасля яго лічыцца дадзеныя для графіка.

У простае кадаваньне, у вас ёсць 62 значэння для прадстаўлення вашых дадзеных. Гэтыя значэнні верхняга і ніжняга рэгістра літар лацінскага алфавіту (52 знака ў агульнай складанасці) і лічбы ад 0 да 9. Кожная літара алфавіту замяняе адзін нумар: роўная 0, B роўная 1, і гэтак далей да Z, якая роўная 25; роўная 26, бы роўная 27, і так далей да Z, якая роўная 51. Дзесяць лічбаў нумара прадстаўляюць ад 52 да 61: 0 роўная 52, 1 роўны 53, і 9 роўна 61.

У двух папярэдніх прыкладах мы выкарыстоўвалі радок ZreelPuevfgznf2008 як нашы дадзеныя графіка; Z роўная 25, г роўна 42, е роўная 30, ​​і гэтак далей. Я хачу, каб закадаваць працэнтныя значэння 10, 20, 8, 25, 5, 3, 15, 9 і 5, так і ў простае кадаваньне Я хацеў бы выкарыстаць радок KUIZFDPJF .

Калі вы думаеце, высветліць гэта для кожнай карты можа зрабіць Вашу галаву падарвацца, не хвалюйцеся: дапамогу там .

Памятаеш, я казаў, што я павінен быў змяніць памеры малюнка павінны быць плошчы, для размяшчэння кругавой дыяграмы? Ну цяпер я ў тым ліку этыкеткі мне трэба яшчэ больш месца. І, як я знаходжуся ў святочны настрой я збіраюся дадаць некаторыя святочныя колеру таксама.

Дадаткова chco параметр выкарыстоўваецца для змены дыяграмы колеру. Вы можаце ўсталяваць гэта з дапамогай той жа шаснаццатковым ("Hex") абазначэнне знайсці ў CSS . Так давайце зробім наш кругавой дыяграме зялёным, дадаўшы chco = 00AF33 (не пачынайце яго з хэш-сімвала, як у CSS ), каб малюнак URL . Калі задаць толькі адзін шаснаццатковы колер для кругавой дыяграмы Google Charts будзе выкарыстоўваць адценні гэтага колеру для кожнага з лустачак. Каб выбраць свой ​​уласны колер, прайсці праз коску спіс кветак. "Малако" і "Cookies" зрэзы спажываецца разам, так што мы можам зрабіць гэтыя два лустачкі больш чырванаваты колер. Я буду выкарыстоўваць адценні зялёнага для іншых лустачкамі. Мой chco параметру цяпер выглядае наступным чынам:

  1. http://chart.apis.google.com/chart?chco=00AF33,4BB74C,EE2C2C,CC3232,33FF33,66FF66,9AFF9A,C1FFC1,CCFFCC& chl=Egg+nog|Christmas+Ham|Milk+(not+including+egg+nog)|Cookies|Roast+Chestnuts|Chocolate|Various+Other+Beverages|Various+Other+Foods|Snacks&chtt=Food+and+Drink+Consumed+Christmas+2007& cht=p&chs=600x300& chd=s:KUIZFDPJF

Што гэта нам дае? Я рады, што вы спыталі. У мяне ёсць даволі прыгожая 600-піксель кругавой дыяграме вы бачыце на малюнку 3.

Малюнак 3: святочны кругавая дыяграма з пазнакамі.

Але я не люблю кругавыя дыяграмы

Кругавая дыяграма быў вынайдзены шатландскім эрудыт Уільям Playfair ў 1801 годзе. Але не ўсё, як ўзбуджаецца кругавыя дыяграмы, як малюсенькі Білі, так што калі вы анты-пірог-тэхнічны аналітык, тое, што вы можаце зрабіць?

Вы можаце лёгка выкарыстоўваць тыя ж дадзеныя, але адлюстраваць яго ў выглядзе гістаграмы ў аснастцы. Першае, што трэба зрабіць, гэта змяніць значэнне CHT параметру ад

  1. http://chart.apis.google.com/chart?cht=bhg &chs=600x300&chd=s:KUIZFDPJF &chxt=x,y &chtt=Food+and+Drink+Consumed+Christmas+2007 &chxl=1:|Egg+nog|Christmas+Ham|Milk+(not+including+egg+nog)|Cookies|Roast+Chestnuts|Chocolate|Various+Other+Beverages|Various+Other+Foods|Snacks&chco=00AF33
    Дадзеных і этыкеткі ўсіх застаюцца тымі ж, але мы павінны вырашыць, дзе этыкеткі з'явіцца.
    Я буду гаварыць больш аб тым, як зрабіць усё гэта ў наступнай частцы.

    На малюнку 4 вы ўбачыце нованавернутых гістаграмы. URL для графа:

Малюнак 4: кругавой дыяграмы на малюнку 3 прадстаўлены ў выглядзе гістаграмы.

Дзве лініі, адна графа

Кругавыя дыяграмы і гістаграмы, цікавыя, але што рабіць, калі я хачу параўнаць Каляды развесяліць мінулым годзе з гэтага года? Гэта гучыць, як мне трэба дзве лініі на адным графіку.

Код з'яўляецца амаль такім жа, як папярэднія прыклады, найбольш відавочная розніца мне трэба стварыць графік у выглядзе лінейнага графіка. Стварэнне некаторых фіктыўныя значэння для патрэбных параметраў, я ў выніку:

  1. <img src="http://chart.apis.google.com/chart?chs=800x300&cht=lxy&chd=t:0,100|0,100" />

Гл = 800x300 устанаўлiвае памеры новага графіка, у той час чц = Lxy апісвае тып дыяграмы мы выкарыстоўваем (у гэтым выпадку графік з х і ў каардынаты). Для дадзеных дыяграмы я збіраюся demostrate іншую кадыроўку, кадоўку тэксту . Для выкарыстання гэтага я пачынаю значэнне параметру з ИБС "т:" замест "ы", і прытрымлівацца ёй са спісам каардынатах х, вертыкальная труба, |, а таксама пералік каардынат у. Улічваючы URL вышэй, Google Charts акажа схеме, паказанай на малюнку 5.

Малюнак 5: просты лінейны графік з х і ў каардынат.

Каб зрабіць гэты графік трохі больш прыемным для вачэй, я магу дадаць гэтак жа, як я зрабіў, каб кругавой дыяграмы. Я дадам загаловак дыяграмы. Можа быць, што-то накшталт "Прагназуемыя Каляды Cheer на 2007 год". Гэтак жа, як раней, чым я хацеў бы дадаць, chtt параметру малюнка URL :

  1. І chtt = Прагназаваны Каляды + + для Cheer 2007

Зараз давайце дадамо некалькі этыкетак на вось у прадстаўляць шкале ад 0 да 100. На этыкетцы восі х давайце для самых важных дзён снежня. Для гэтага мне трэба выкарыстоўваць тып дыяграмы восі параметру, chxt . Гэта дазваляе нам вызначыць восі і звязаць некаторыя этыкеткі з імі. Паколькі я зацікаўлены толькі ў восі ардынат (злева ад карты) і восі Х (гл. ніжэй табліцу), мы дадаем chxt = х, у нашага малюнка URL .

Цяпер мне трэба маіх дадзеных лэйблам. Гэта крыху больш складана, таму што я хачу дадзеных раўнамерна без маркіроўкі кожнага пункта. Параметрам для пазнак chxl , пазнака восі дыяграмы. Вы матчу пазнакі восі з дапамогай ліку. Так 0: Label1 з'яўляецца нулявым індэксам chxt - у гэтым выпадку вось х. 1: Label2 з'яўляецца першым індэксам chxt - восі ардынат. Парадак гэтых параметраў або этыкеткі не мае значэння да тых часоў, як вы звязваеце іх у chxt правільна.

Наступнае, што трэба ведаць пра chxl з'яўляецца тое, што вы можаце дадаць пустыя этыкеткі. Этыкеткі падзеленыя вертыкальнай трубы, а калі вы не ставіце любы тэкст у этыкетку, вы проста пакінуць дзве вертыкальныя трубы пустыя ("||") і Google Charts выдзеляць месца, але без этыкеткі.

Для нашай вертыкальнай восі ў, мы хочам, каб маркіраваць толькі 50% і 100% на графіцы і сюжэт іх у адпаведных месцах. Паколькі вось у з'яўляецца другім пунктам, 1: (памятаеце, каб пачаць адлік з нуля), мы дадаем десять прабел для нашага іміджу URL , chxl = 1 :|||||| 50100 ||||| Гэта выведзе 50 паўдарогі і 100 у верхняй, і ўсе іншыя прасторы будзе пустым.

Мы можам зрабіць тое ж самае, каб атрымаць канкрэтныя даты ўздоўж восі абсцыс, а таксама. Давайце дадамо 1 снежня, Дзень Святога Ніка (6), Каляды, Дзень падарункаў (свята распаўсюджаная ў Вялікабрытаніі і Садружнасці, на 26-е), а ў апошні дзень месяца, 31-га. Так як гэта вось х я буду выкарыстоўваць 0: у якасці спасылкі ў chxt параметр сказаць Google Charts, якая вось на этыкетцы. У поўным аб'ёме, chxl параметру цяпер выглядае наступным чынам:

  1. chxl=1:||||||50|||||100|0:|Dec+1st|||||6th||||10th|||||15th|||||20th|||||25th|26th|||||Dec+31st

Гэта даволі.

Перш чым прыступіць да графе нашых дадзеных, я зраблю адну рэч: дадаць некалькі ліній сеткі на графік так, каб забяспечыць больш якасную сувязь дадзеных на этыкетках. Параметрам для гэтага CHG , кароткія для ліній дыяграмы сеткі. Параметр прымаць чатыры падзеленых коскамі аргументаў. Першая вось х інтэрвалаў для сеткі. У мяне ёсць 31 дзень, таму мне трэба тридцать вертыкальных ліній. Дыяграма 100% шырыню, так 3,33 (100 падзяліць на 30) і ёсць шуканае адлегласць.

Што ж тычыцца восі ардынат: вось ўзрастае да 100%, але мы, верагодна, толькі трэба мець гарызантальную лінію праз кожныя 10%, таму патрабуецца інтэрвал 10 (100 падзяліць на 10). Гэта другі аргумент.

Апошнія два аргументу кантроль штрых-стыль сеткі-ліній. Першае лік даўжыня лініі прыборнай панэлі і другое месца паміж працяжнік. Так 6,3 будзе азначаць, шэсць адзінак працяжнік з трох-адзінкі прасторы. Мне падабаецца стаўленне 1,3, але вы можаце змяніць яго па сваім меркаванні. Цяпер у мяне ёсць чатыры аргументу, змен параметру выглядае так:

  1. CHG = 3.333,10,1,3

Калі я дадам, што на графік URL я ў выніку:

Якія вынікі ў схеме, паказанай на малюнку 6.

Малюнак 6: Дыяграма гатовыя прыняць значэння Раства ўра.

Аператыўныя дадзеныя

Цяпер дыяграма гатовая я магу дадаць гістарычных дадзеных з 2006 года і бягучых дадзеных з 2007 года.

Маючы зірнуць на ўра леташнім узроўні мы знаходзім некалькі ўзлётаў і падзенняў шляхам адмовы месяц:

1 Снежань Адвэнт пачынаецца: жыццё добрая 30%
6 снежань Дзень Святога Ніка, прачынаюцца, каб знайсці добрыя рэчы ў маёй абутку 45%
8 сьнежня Пайшоў Каляды carolling, амаль замарозіла 20%
10 снежань Калядны свята на працы, вельмі добры вячэру 50%
18 сьнежня Паніка калядныя куплянні, нянавісць грубыя людзі 15%
23 сьнежня Ад працы, хатні свята ядуць ежу 80%
25 сьнежня Адкрыты падарункі, добры год, але атрымаў шкарпэткі зноў з бабуляй 60%
Снежань 26 Дзень падарункаў, мы едзем, і ніхто не ведае, чаму 70%
28 сьнежня Трэці дзень левым кадрам 40%
29 СЬНЕЖНЯ Набытыя некаторыя феерверкі на Новы Год 55%
31 СЬНЕЖНЯ Напярэдадні Новага года 80%

Так як я графікаў дадзеных за 2006 і 2007 на адным графіку мне трэба два розных колеру - адзін для лініі кожны год - і ключ, каб пазначыць тое, што кожны колер ўяўляе. Ключ знаходзіцца пад кантролем chdl (дадзеныя дыяграмы легенда) параметру. Зноў жа, кожная частка параметру, падзеленых вертыкальнай трубе, так што для двух пазнак я буду выкарыстоўваць chdl = 2006 | 2007 . Я таксама хачу, каб колер-код іх, так што мне трэба, каб дадаць chco як я зрабіў для кругавой дыяграмы. Я хачу чырвонай лініі і зялёнай лініі, таму я буду выкарыстоўваць chco = 458B00, CD2626 і дадаць да выявы URL .

Давайце пачнем з участку дадзеных за 2006 год на дыяграме, замяняючы нашы фіктыўныя дадзеныя chd = t: 0100 | 0100 з правільнай інфармацыяй. ИБС працы першага спісу ўсіх х каардынат (падзеленых коскамі), то вертыкальная труба, і тады ўсё каардынаты ў (таксама падзеленых коскамі). Дыяграма 100% шырыню, так што мне трэба канвертаваць дзён у працэнтах у месяц.

1 Снежань роўны 0 і 31 100. Усё астатняе знаходзіцца дзесьці паміж імі. Наша формула:

(d - 1) × 100 ÷ (31 - 1)

Дзе D з'яўляецца дзень месяца. Формула абвяшчае, што кожны дзень будзе друкавацца кожны 3,333 адзінак, так што 6 снежня будзе надрукавана ў 16,665 адзінак. Я магу паўтарыць гэты працэс для іншых дат пералічаных, каб атрымаць наступныя каардынаты х: 0,16.7,23.3,33.3,60,76.7,83.3,86.7,93.3,96.7. Каардынат ў восі лёгка, таму што наш маштаб 100%, гэтак жа, як наш рэйтынг, таму мы можам проста скапіяваць іх туды, як 30,45,20,50,15,80,60,70,40,55,80. Гэта дае нам канчатковае ИБС значэнне:

  1. chd=t:0,16.7,23.3,33.3,60,76.7,83.3,86.7,93.3,96.7,100|30,45,20,50,15,80,60,70,40,55,80

Онто 2007 года: я магу змясціць дадзеныя за месяц, так далёка, каб убачыць, як мы ў трэндзе.

1 Снежань Калядныя куплі гатовага ўжо 50%
4 снежань Кампутар жорсткі дыск разбіўся (не Каляды няшчасны выпадак, але пасадзілі мяне ў дрэнным настроі) 10%
6 снежань Дзень Прапушчаны Санкт Ніка цалкам з-за падарожжа 30%
9 сьнежня Вячэра з сябрамі, перш чым яны падарожнічаюць 55%
11 снежань 24ways артыкуле ідзе жыць 60%

Выкарыстоўваючы тую ж сістэму, мы зрабілі за 2006 год, я магу ўзяць пяць ачкоў дадзеныя і графік іх на графіцы. Новай восі х значэння будуць 0,10,16.7,26.7 і новыя восі ў 50,10,30,65. Мы ўключаем тых, у вобраз URL , дадаўшы гэтыя значэння на ИБС параметр ў нас ужо ёсць, якая затым становіцца:

Перадача гэтага Google Charts вынікі на малюнку 7.

Малюнак 7: Прагназаваны Каляднае прывітанне на 2006 і 2007 гадах.

Хто-то згадкі Эдвард Тафта?

Google Charts з'яўляюцца шырокі набор тыпаў дыяграм, якія можна ствараць лёгка і вольна, выкарыстоўваючы іх API . Як вы бачыце, вы можаце графік проста пра што вы хочаце, выкарыстоўваючы лінейны графік, гістаграмы, графікаў роскіду, дыяграмы Венна і кругавыя дыяграмы. Адзін тып дыяграмы відавочна адсутнічае API з'яўляецца искрографики . Спарклайны былі прапанаваны Эдвард Тафта, як "маленькі, графікі з высокім дазволам убудаваных у кантэксце слоў, лічбаў, малюнкаў". Яны могуць быць надзвычай карыснымі, але вы можаце стварыць іх у графікі Google?

Адказ: "Так, але гэта недакументаваная магчымасць". (Звычайная агаворка аб недакументаваных магчымасцяў ставіцца.)

Калі мы возьмем нашу арыгінальную напрыклад графічная лінія, а таксама змяніць значэнне CHT параметр з LC (графік) для LFI (фінансавая схема лініі) восі лініі выдаляюцца. Гэта дазваляе зрабіць графік - спарклайн - дастаткова маленькі, каб упісацца ў сказе. Google выкарыстоўвае LFI тыпу на працягу ўсяго іх фінансавыя сайта, але гэта яшчэ не стала часткай афіцыйнай API .

MerryChristmas http://chart.apis.google.com/chart?cht=lfi&chs=100x15&chd=s:MerryChristmas
24ways http://chart.apis.google.com/chart?cht=lfi&chs=100x15&chd=s:24ways&chco=999999
HappyHolidays http://chart.apis.google.com/chart?cht=lfi&chs=100x15&chd=s:HappyHolidays&chco=ff0000
HappyNewYear http://chart.apis.google.com/chart?cht=lfi&chs=100x15&chd=s:HappyNewYear&chco=0000ff

Рэзюмэ

Новы Google Charts API ўяўляе сабой магутны метад для стварэння графікаў і дыяграм ўсіх тыпаў. Калі ўжыць трохі тэхнічных навыкаў можна ствараць кругавыя дыяграмы, гістаграмы, і нават искрографики як і калі вы ў іх мае патрэбу. Зараз вы скончылі гатовая артыкуле я спадзяюся, што вы не марнуюць больш часу: ці ісьці наперад і графіка!

Далейшае чытанне

1 Для таго, каб заставацца ў межах 50000 запытаў у дзень ліміт Google Charts API накладае, дыяграма малюнка на гэтай старонцы былі кэшуюцца і падаюцца ад нашых уласных серверах. Але URL працу з - паспрабаваць іх!

Published (Last edited): 24-07-2011 , source: http://24ways.org/2007/tracking-christmas-cheer-with-google-charts