<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog bebowy &#187; małe wuwu</title>
	<atom:link href="http://b4.net.pl/bebe/category/male-wuwu/feed/" rel="self" type="application/rss+xml" />
	<link>http://b4.net.pl/bebe</link>
	<description>meh.</description>
	<lastBuildDate>Tue, 11 May 2010 22:15:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Google Charts</title>
		<link>http://b4.net.pl/bebe/google-charts/</link>
		<comments>http://b4.net.pl/bebe/google-charts/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 13:06:55 +0000</pubDate>
		<dc:creator>bebe</dc:creator>
				<category><![CDATA[małe wuwu]]></category>
		<category><![CDATA[zrób sobie dobrze sam]]></category>

		<guid isPermaLink="false">http://b4.net.pl/bebe/?p=172</guid>
		<description><![CDATA[Mała rzecz, a cieszy. :) Google Charts to proste narzędzie on-line do rysowania wykresów. Wykres w tym wpisie powstał właśnie przy użyciu Google Charts.
W odróżnieniu od Google Maps API, przy odwoływaniu się do Google Charts API nie jest wymagany klucz. Samo wywołanie zaś odbywa się przez URL obrazka z wykresem. Prostota, umiar, elegancja. :] Wszystkie [...]]]></description>
			<content:encoded><![CDATA[<p>Mała rzecz, a cieszy. :) Google Charts to proste narzędzie on-line do rysowania wykresów. Wykres <a href="http://b4.net.pl/maja/?p=127" target="_blank">w tym wpisie</a> powstał właśnie przy użyciu Google Charts.<span id="more-172"></span></p>
<p>W odróżnieniu od Google Maps API, przy odwoływaniu się do Google Charts API nie jest wymagany klucz. Samo wywołanie zaś odbywa się przez URL obrazka z wykresem. Prostota, umiar, elegancja. :] Wszystkie parametry są w miarę dobrze <a href="http://code.google.com/intl/pl_ALL/apis/chart/" target="_blank">opisane w dokumentacji</a>.</p>
<p>W przypadku wykresu Mai serie danych, średnie i wartości na osiach są generowane w locie przez skrypt PHP. Skrypt PHP nie jest szczególnie ciekawy, za to może być wątpliwy stylistycznie, dlatego tutaj go nie będzie. :] Dla potomności, URL wykresu po rozbiciu na poszczególne parametry wygląda mniej więcej tak:</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">cht=lc</div></div>
<p>To będzie wykres liniowy,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chxt=x,y</div></div>
<p>opisywać będziemy oś x i y (można jeszcze nad wykresem i po prawej stronie),</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chxl=0:|wartości osi x|1:|wartości osi y</div></div>
<p>tu trafiają wartości, jakimi mają być opisane osie,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chxp=1,wysokości</div></div>
<p>wysokości, na jakich mają być umieszczone wartości osi y</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chm=linie</div></div>
<p>definicja poziomych linijek na wykresie,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chdl=opis linii w legendzie</div></div>
<p>nazwy linii na wykresie,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chdlp=bv</div></div>
<p>określa, że legenda ma być pokazana pod wykresem, pionowo,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chs=420x500</div></div>
<p>rozmiar wykresu,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chco=kolory</div></div>
<p>kolory linii,</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">chd=t:serie danych</div></div>
<p>i same dane.</p>
<p>I to zasadniczo wszystko. :)</p>
<p>Dopisałem jeszcze kod generujący tabelkę z przyrostami wagi Mai. Potrzebne było obliczanie średnich dla kilku ostatnich wartości z tablicy. Przeglądałem dokumentację PHP w celu przypomnienia sobie, jak się dostać do ostatniego elementu tablicy, i znalazłem zestaw funkcji <a href="http://pl.php.net/manual/en/function.end.php" target="_blank">end</a>, <a href="http://pl.php.net/manual/en/function.current.php" target="_blank">current</a>, <a href="http://pl.php.net/manual/en/function.prev.php" target="_blank">prev</a>, <a href="http://pl.php.net/manual/en/function.next.php" target="_blank">next</a>. W efekcie powstała taka funkcja:</p>
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">function</span> sumtab <span style="color: #009900;">&#40;</span><span style="color: #000088;">$tablica</span><span style="color: #339933;">,</span> <span style="color: #000088;">$i</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; <span style="color: #000088;">$suma</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/end"><span style="color: #990000;">end</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tablica</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-</span><a href="http://www.php.net/prev"><span style="color: #990000;">prev</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tablica</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #b1b100;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$a</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span><span style="color: #000088;">$a</span><span style="color: #339933;">&gt;</span><span style="color: #000088;">$i</span><span style="color: #339933;">;</span><span style="color: #000088;">$a</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$suma</span> <span style="color: #339933;">+=</span> <a href="http://www.php.net/current"><span style="color: #990000;">current</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tablica</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-</span><a href="http://www.php.net/prev"><span style="color: #990000;">prev</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tablica</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; <span style="color: #b1b100;">return</span> <span style="color: #000088;">$suma</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></td></tr></tbody></table></div>
<p>Kursory! :D Niby XXI wiek, a tu kursory. :) Poczułem się, jakbym programował w Basicu. :]</p>
<p>Aha, za takie fajne, zaokrąglone rogi tabelki w Mozilli odpowiada znacznik</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">-moz-border-radius</div></div>
<p>w CSSie. ;)</p>
<p>Wstawianie kawałka HTMLa w treść posta w Wordpressie to osobna historia. :/ Kombinowałem z tagami EMBED i OBJECT, ale nie działało to w ogóle albo silnik swawolnie zamieniał wstawioną treść na obiekt Flash. :&gt; Koniec końców użyłem IFRAME.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/iframe.html"><span style="color: #000000; font-weight: bold;">iframe</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://b4.net.pl/ścieżka/do/skryptu.php&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;440&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;520&quot;</span> <span style="color: #000066;">scrolling</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;auto&quot;</span> <span style="color: #000066;">frameborder</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span>&gt;</span><br />
[Twoja przeglądarka nie umi wyświetlać ramek! Cozapech!]<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/iframe.html"><span style="color: #000000; font-weight: bold;">iframe</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p>Historia mnie osądzi. :]</p>
]]></content:encoded>
			<wfw:commentRss>http://b4.net.pl/bebe/google-charts/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
