Biểu đồ đoạn thẳng

[JavaScriptBank]

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 (http://www.javascriptbank.com/line-graph-script-index.html/vi//) tại JavaScriptBank.com - 2.000+ free JavaScript codes (http://www.javascriptbank.com/)


http://www.javascriptbank.com/javascript.images/graphic/line-graph-script-index.jpg (http://www.javascriptbank.com/javascript/graphic/line-graph-script-index/preview/vi/)
Demo: JavaScript Biểu đồ đoạn thẳng (http://www.javascriptbank.com/line-graph-script-index.html/vi/)
| JavaScript Line Graph script (http://www.javascriptbank.com/line-graph-script-index.html)

Cách cài đặt

Bước 1: Dùng mã JavaScript để cài đặt hiệu ứng
JavaScript

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
<!--
This script downloaded from www.JavaScriptBank.com
Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
-->


Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML

<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 www.JavaScriptBank.com
Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
-->


Bước 3: Tải các file bên dưới về
Files
line.js (http://javascriptbank.com/javascript/graphic/Line_Graph_script/line.js)
wz_jsgraphics.js (http://javascriptbank.com/javascript/graphic/Line_Graph_script/wz_jsgraphics.js)



Các hiệu ứng tương tự
- Biểu đồ hình tròn (http://www.javascriptbank.com/pie-graph-script-index.html/vi/)
- Đồng hồ biểu đồ (http://www.javascriptbank.com/bar-graph-clock-script.html/vi/)
- Cột biểu đồ (http://www.javascriptbank.com/bar-graph-index.html/vi/)
Bạn có thể xem thêm nhiều JavaScript khác về Đồ họa (http://www.javascriptbank.com/javascript/graphic/vi/)





Trình chơi nhạc giao diện WMP và iPhone 3G (http://www.javascriptbank.com/mp3-player-with-wmp-and-iphone-3g-skin.html/vi/) - JavaScript chạy theo thanh cuộn (http://www.javascriptbank.com/vi=chạy theo thanh cuộn) - JavaScript lấy vị trị trỏ chuột (http://www.javascriptbank.com/forum/hoi-ve-javascript-t180.html)