Bluff--JavaScrip中的美丽图表

Bluff是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>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索脚本
， 图形
， canvas
， javascrip...
， javascrip
， data
， 元素
， 支持
， jssqlitehtml数据库javascrip
JavaScrip正则
javascrip、javascrip插件案例、javascripit void 0、javascrip void 0、javascrip是什么，以便于您获取更多的相关知识。