Bluff--JavaScrip中的美丽图表

Bluff--JavaScrip中的美丽图表2011-12-23Bluff是Ruby的JavaScript Gruff图形库（Gruff graphing library）接口。它以最小限度的依赖程度支持Gruff的所有特征；你所需要启动的唯一第三方脚本是JS.Class（压缩后大约2kb）和Google的ExCanvas，来支持IE中的canvas元素。所有这些脚本都是随Bluff下载一起提供。Bluff本身压缩后大约8kb左右。

当画图的时候，建立一个新的Bluff图形类，使用页面上canvas元素的id，设置一些配置选项，添加数据和标签，然后让图形自己画成。例子如下：

<canvas id="example"></canvas>    <script type="text/javascript">     var g = new Bluff.Line（"example", 400）;     g.theme_37signals（）;     g.title = "My Graph";     g.data（"Apples", [1, 2, 3, 4, 4, 3]）;     g.data（"Oranges", [4, 8, 7, 9, 8, 9]）;     g.data（"Watermelon", [2, 3, 1, 5, 6, 8]）;     g.data（"Peaches", [9, 9, 10, 8, 7, 9]）;     g.labels = {0: "2003", 2: "2004", 4: "2005"};     g.draw（）;    </script>