Hiệu ứng sẽ vẽ một biểu đồ đoạn thẳng với các số liệu do bạn qui định trước.... chi tiết tại JavaScriptBank. com - 2.000+ free JavaScript codes
[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/graphic/line-graph-script-index.jpg[/IMG]
Demo: JavaScript Biểu đồ đoạn thẳng
| JavaScript Line Graph script
Cách cài đặt
Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
Code:
<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
<!--
This script downloaded from w w w.JavaScriptBank. com
Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
-->
Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML
Code:
<div id="lineCanvas" style="overflow: auto; position:relative;height:300px;width:400px;"></div>
<script type="text/javascript">
var g = new line_graph();
g.add('1', 145);
g.add('2', 0);
g.add('3', 175);
g.add('4', 130);
g.add('5', 150);
g.add('6', 175);
g.add('7', 205);
g.add('8', 125);
g.add('9', 125);
g.add('10', 135);
g.add('11', 125);
g.render("lineCanvas", "Line Graph");
</script>
<!--
This script downloaded from w w w.JavaScriptBank. com
Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
-->
Bước 3: Tải các file bên dưới về
Files
line.js
wz_jsgraphics.js
Bạn có thể xem thêm nhiều JavaScript khác về Đồ họa
Tìm các cặp hình giống nhau
- CD-Rom giáo trình SSDG về Web & Lập trình - Hiệu ứng di chuyển div bằng javascript