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

1589
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:

  Vẽ biểu đồ thống kê trong React JS sử dụng Highcharts
  Làm thế nào để tạo một bảng BI Dashboard bằng cách sử dụng một bảng Pivot và một thư viện biểu đồ?

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 

  Responsive HTML bằng một dòng CSS
  Tạo ra HTML responsive bằng cách thêm một dòng CSS