English | 正體中文 | 简体中文
Flot是个搭配jQuery library所写的javascript图表绘制程式, Flot程式很小、绘图速度很快又容易上手,
可以轻易绘制1,000个以上的资料点速度依然很快.


图表范例

范例程式码Expand
<!-- HTML -->
<div id="example-section2">
    <div id="flotcontainer" style="width: 600px;height:150px; text-align: center; margin:0 auto;">
    </div>
</div>


<!-- Javascript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.pureexample.com/js/flot/excanvas.min.js"></script>
<script src="http://www.pureexample.com/js/flot/jquery.flot.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){	
    var data = [];

    for (var i = 0; i < 30; i += 0.5){        
        data.push([i, Math.sin(i)]);
    }

    $.plot($("#example-section2 #flotcontainer"), [data]);

});
</script>
在线测试程序


更多范例
© 2012 PureExample.com contact