“Trong bài viết này chúng ta sẽ tìm hiểu cách vẽ biểu đồ cho website 1 cách đơn giản dễ làm với HTML và Google Charts.
”
Trong bài viết này Bizfly Cloud sẽ tìm hiểu cách vẽ biểu đồ cho website 1 cách đơn giản dễ làm với HTML và Google Charts.
1. Đầu tiên các bạn tạo 1 file HTML và nhập đoạn code sau
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<div id="piechart"></div>
</body>
<html>
2. Kế đến thêm đoạn Scipt chứa API của google
<script type="text/javascript" scr="https://www.gstatic.com/charts/loader.js"></script>
3. Cuối cùng add đoạn Javascript sau
<script type="text/javascript">
// Load google chartsgoogle.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart valuesfunction drawChart() { var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 8],
['Friends', 2],
['Eat', 2],
['TV', 3],
['Gym', 2],
['Sleep', 7]
]);
// Optional; add a title and set the width and height of the chart var options = {'title':'My Average Day', 'width':400, 'height':300};
// Display the chart inside the
element with id="piechart" var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options);
}</script>
4. Kết quả ta được biểu đồ sau:
Các bạn xem thêm các biểu đồ khác của Google tại đây: https://google-developers.appspot.com/chart/
Theo: danh huynh - techtalk.vn
Tác giả
Đặng Tùng Lâm là một trong những Developer - nhà phát triển với nhiều năm kinh nghiệm làm việc. Hiện anh đang đảm nhận vị trí Head of Software Development Department tại Bizfly Cloud - đơn vị thành viên của VCCorp - một trong những công ty công nghệ hàng đầu tại Việt Nam.
Từ khi ra trường tới nay, anh Lâm đã có cơ hội đảm nhận nhiều vị trí công việc từ thực tập Front End cho đến Full Stack Developer, sau đó là một Dev team Leader và hiện tại anh đang là một Trưởng phòng phát triển phần mềm. Tính tới thời điểm hiện tại, anh Lâm đã có gần 10 năm kinh nghiệm về phát triển phần mềm, tư vấn và triển khai các giải pháp tổng thể cho doanh nghiệp.
Hiện nay anh Lâm đang phụ trách 2 sản phẩm chính là Bizfly Cloud Business Email (Email doanh nghiệp không giới hạn tài khoản và thanh toán theo dung lượng) & Bizfly Cloud Email Transaction (Email giao dịch số lượng lớn). Cùng với đó anh cũng tham gia nghiên cứu và hỗ trợ chính trong nhiều dự án tiềm năng khác.
Software DevelopmentEmail SolutionsAgile Scrum
