<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></title> 
<link>https://jackxiang.com/index.php</link> 
<description><![CDATA[赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></copyright>
<item>
<link>https://jackxiang.com/post//</link>
<title><![CDATA[推荐一个很棒的JS绘图库]]></title> 
<author>jack &lt;xdy108@126.com&gt;</author>
<category><![CDATA[WEB2.0]]></category>
<pubDate>Sun, 01 Nov 2009 04:59:39 +0000</pubDate> 
<guid>https://jackxiang.com/post//</guid> 
<description>
<![CDATA[ 
	Flot是Ole Laursen开发的基于JQuery的纯JavaScript实现的绘图库，Flot使用起来非常简单，绘图效果相当绚丽，而且还支持一些图片的操作功能，例如图片的缩放。可以看一下Flot的demo：<br/>http://ajaxian.com/archives/plotting-in-jquery<br/>绘制上面的图形所编写的JS也非常简单易读： <br/><div class="code"><br/># &lt;script id=&quot;source&quot; language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;&nbsp;&nbsp;<br/># $(function () &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; var d1 = &#91;&#93;;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0; i &lt; 14; i += 0.5)&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; d1.push(&#91;i, Math.sin(i)&#93;);&nbsp;&nbsp;<br/>#&nbsp;&nbsp; <br/>#&nbsp;&nbsp;&nbsp;&nbsp; var d2 = &#91;&#91;0, 3&#93;, &#91;4, 8&#93;, &#91;8, 5&#93;, &#91;9, 13&#93;&#93;;&nbsp;&nbsp;<br/>#&nbsp;&nbsp; <br/>#&nbsp;&nbsp;&nbsp;&nbsp; var d3 = &#91;&#93;;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0; i &lt; 14; i += 0.5)&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; d3.push(&#91;i, Math.cos(i)&#93;);&nbsp;&nbsp;<br/>#&nbsp;&nbsp; <br/>#&nbsp;&nbsp;&nbsp;&nbsp; var d4 = &#91;&#93;;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0; i &lt; 14; i += 0.5)&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; d4.push(&#91;i, Math.sqrt(i * 10)&#93;);&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>#&nbsp;&nbsp;&nbsp;&nbsp; var d5 = &#91;&#93;;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0; i &lt; 14; i += 0.5)&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; d5.push(&#91;i, Math.sqrt(i)&#93;);&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>#&nbsp;&nbsp;&nbsp;&nbsp; $.plot($(&quot;#placeholder&quot;), &#91;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: d1,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lines: &#123; show: true, fill: true &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: d2,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bars: &#123; show: true &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: d3,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; points: &#123; show: true &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: d4,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lines: &#123; show: true &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#123;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: d5,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lines: &#123; show: true &#125;,&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; points: &#123; show: true &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#125;&nbsp;&nbsp;<br/>#&nbsp;&nbsp;&nbsp;&nbsp; &#93;);&nbsp;&nbsp;<br/># &#125;);&nbsp;&nbsp;<br/># &lt;/script&gt;<br/><br/></div><br/><br/>http://code.google.com/p/flot/
]]>
</description>
</item><item>
<link>https://jackxiang.com/post//#blogcomment</link>
<title><![CDATA[[评论] 推荐一个很棒的JS绘图库]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>https://jackxiang.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>