Vẽ biểu đồ (chart) cho trang web bằng HTML và Google Charts

1754
vẽ biểu đồ cho web

Chào mọi người, trong bài viết này chúng ta sẽ tìm hiểu cách vẽ biểu đồ cho web một cách đơn giản dễ làm với HTML và Google Charts. Nào chúng ta cùng bắt tay vào làm nhé.

Đầu tiên các bạn sẽ cần tạo 1 file HTML và nhập đoạn code như bên dưới:

Kế đến thêm đoạn script chứa API của google:

Cuối cùng add đoạn Javascript sau:

Kết quả ta sẽ được một 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/

Cảm ơn các bạn đã theo dõi bài viết, hy vọng các bạn có thể thực hành và vẽ chart thành công chỉ với HTML và Google Chart nhé!

TopDev via viblo