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 ([Only registered and activated users can see links]) tại JavaScriptBank.com - 2.000+ free JavaScript codes ([Only registered and activated users can see links])


[Only registered and activated users can see links] ([Only registered and activated users can see links])
Demo: JavaScript Biểu đồ đoạn thẳng ([Only registered and activated users can see links])
| JavaScript Line Graph script ([Only registered and activated users can see links])

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 [Only registered and activated users can see links]
Come to view and download over 2000+ free javascript at [Only registered and activated users can see links]
-->


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

<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 [Only registered and activated users can see links]
Come to view and download over 2000+ free javascript at [Only registered and activated users can see links]
-->


Bước 3: các file cần tải
Files
line.js ([Only registered and activated users can see links])
wz_jsgraphics.js ([Only registered and activated users can see links])



Các hiệu ứng tương tự
- Biểu đồ hình tròn ([Only registered and activated users can see links])
- Đồng hồ biểu đồ ([Only registered and activated users can see links])
- Cột biểu đồ ([Only registered and activated users can see links])
Bạn có thể xem thêm nhiều JavaScript khác về Đồ họa ([Only registered and activated users can see links])





Menu trượt ở đầu trang web ([Only registered and activated users can see links]) - Code tuyết rơi ([Only registered and activated users can see links]ết rơi) - Hiệu ứng ảnh mờ ảo bằng JavaScript ([Only registered and activated users can see links]ảnh mờ ảo)