Làm quen với Google Chart API

Google Chart API URLs must be in the following format:

http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>

Trả về file ảnh, định dạng mặc định là PNG. Khi nhúng vào thẻ img thì URL phải dùng &amp; để phân tách giữa các tham số thay vì &.

Các tham số bắt buộc gồm:

– Chart size: chs=widthxheight. Ví dụ: chs=500×200

– Chart data:

– Chart type:

line chart: lc, ls, lxy

bar chart: bhs, bvs

Tạm thời chỉ tìm hiểu về các chart type sau: line chart, bar chart, pie chart

Vẽ đồ thị trên Oxy mà tọa độ các điểm lần lượt là

(0, 40)

(cx, 60)

(2cx, 50)

http://chart.apis.google.com/chart?cht=lc&chd=t:40,60,50&chs=300×300

Thay lc bằng ls thì vẫn như vậy, chỉ khác là ko còn trục tọa độ

Vẽ tia phân giác của góc xOy

Lấy 2 điểm có tọa độ (0,0), (100, 100)

http://chart.apis.google.com/chart?cht=lxy&chs=125×125&chd=t:0,100|0,100


Vẽ biểu đồ hình cột:

2000: có 50% dân số bị BlaBla

2001: có 71% dân số bị BlaBla

2002: có 20% dân số bị BlaBla

http://chart.apis.google.com/chart?cht=bvs&chs=200×125&chd=t:50,71,20&chco=ff00ff&chl=2000|2001|2002

Vẽ biểu đồ hình cột:

2000: Già 50%, Trẻ 50%

2001: Già 10%, Trẻ 90%

http://chart.apis.google.com/chart?cht=bvg&chs=200×125&chd=t:50,50|10,90&chco=ff00ff,00ffff&chl=2000|2001

Xác định chiều rộng của mỗi cột: chbh=X

Vẽ biểu đồ hình quạt:

Phương tiện giao thông: 50% xe máy, 25% máy bay, 10% ô tô, còn lại là khác

http://chart.apis.google.com/chart?cht=p&chd=t:50,25,10,15&chs=200×100&chl=Moto|Plane|Auto|Other