转自[url=http://site518.net/open-source-html5-charts-flotr2/]给力技术[/url]
[url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 是一个用于绘制基于 HTML5 的图形和图表的开源 JavaScript 类库,是图表组件 flotr 的分支,但移除了 Prototype 框架的依赖并在其它功能上有很大的改进。
[url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 支持常见的线性图、柱状图、饼图等多种图表类型。它的定制性也非常高,支持自定义标题、子标题、颜色等等。它对浏览器的兼容性也相当不错,支持包括 IE6 在内的大部分主流浏览器。
如何使用
首先引入 [url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 类库
<script type="text/javascript" src="flotr2.min.js"></script>
添加用于呈现图表的 DIV 层
<div id="container"></div>
绘制图表
Flotr.draw(container, data, options)
[url=http://site518.net/demo/flotr2/demo.htm]查看演示[/url]
[url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 是一个用于绘制基于 HTML5 的图形和图表的开源 JavaScript 类库,是图表组件 flotr 的分支,但移除了 Prototype 框架的依赖并在其它功能上有很大的改进。
[url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 支持常见的线性图、柱状图、饼图等多种图表类型。它的定制性也非常高,支持自定义标题、子标题、颜色等等。它对浏览器的兼容性也相当不错,支持包括 IE6 在内的大部分主流浏览器。
如何使用
首先引入 [url=http://site518.net/open-source-html5-charts-flotr2/]Flotr2[/url] 类库
<script type="text/javascript" src="flotr2.min.js"></script>
添加用于呈现图表的 DIV 层
<div id="container"></div>
绘制图表
Flotr.draw(container, data, options)
[url=http://site518.net/demo/flotr2/demo.htm]查看演示[/url]