Biểu đồ bản đồ (Phiên bản không dùng nữa)

 

Thông báo về thay thế: Biểu đồ bản đồ này đã được thay thế bằng một phiên bản mới.

Trang này mô tả cách tạo bản đồ màu bằng cách sử dụng API của Biểu đồ.

Mục lục

Các tính năng dành riêng cho biểu đồ

  1. Tổng quan
  2. Mã tiểu bang Hoa Kỳ

Tính năng tiêu chuẩn

  1. Tiêu đề biểu đồ (chtt, chts)
  2. Lề biểu đồ (chma)
  3. Màu nền
    1. Solid Fills (chf)

Tổng quan

Bạn có thể tạo bản đồ có nhiều quốc gia hoặc tiểu bang được đánh dấu bằng màu sắc tuỳ chỉnh. Để chỉ định một bản đồ, bạn sẽ chỉ định khu vực trên thế giới mà bản đồ sẽ phóng to vào. Bạn cũng sẽ chỉ định danh sách các khu vực sẽ được tô màu trên bản đồ và danh sách dữ liệu song song chỉ định một giá trị số cho từng quốc gia tương ứng. Mỗi quốc gia được tô màu dọc theo một giá trị được gán cho quốc gia đó. Bạn có thể tuỳ ý chỉ định độ dốc màu tuỳ chỉnh cho các giá trị dữ liệu.

Biểu đồ bản đồ hỗ trợ các tham số sau:

Thông số Bắt buộc hoặc không bắt buộc Nội dung mô tả
cht=t Bắt buộc Chỉ định một biểu đồ bản đồ.
chs Bắt buộc Kích thước bản đồ. Kích thước tối đa cho bản đồ là 440x220.
chtm=<zoom_area> Bắt buộc

Khu vực địa lý được hiển thị trong biểu đồ.

  • zoom_area – Một trong các giá trị sau
    • africa
    • asia
    • europe
    • middle_east
    • south_america
    • usa
    • world
chld=<country_or_state_codes> Bắt buộc

Danh sách những quốc gia hoặc tiểu bang mà bạn đang áp dụng giá trị.

  • mã quốc gia_hoặc_tiểu bang – Đây là một tập hợp mã gồm 2 ký tự, không có dấu phân tách ở giữa. Sử dụng một trong các loại sau (bạn không thể kết hợp nhiều loại):

Ví dụ: chld=DZEGMG

chd=<country_values> Bắt buộc

Danh sách các giá trị song song với danh sách khu vực, trong đó giá trị được áp dụng cho khu vực tương ứng. Giá trị là giá trị dữ liệu được định dạng tiêu chuẩn. Mỗi khu vực sẽ được gán một màu dọc theo thang được chỉ định trong chco, trong đó giá trị thấp nhất trong dải ô áp dụng cho màu thấp nhất và giá trị cao nhất trong dải ô đó áp dụng cho màu cuối cùng.

  • country_values – Danh sách có chuỗi định dạng thích hợp. Ví dụ: t:10,20,30, s:aU2Ffe:BaPoqM-A.
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> Không bắt buộc

Dải màu tương ứng với giá trị dữ liệu cao và thấp tương ứng với dải định dạng dữ liệu. Các giá trị dữ liệu được chuyển đổi thành các giá trị màu dọc theo dải chuyển màu này và áp dụng cho các quốc gia tương ứng.

chtt, chts Không bắt buộc Tiêu đề và kiểu của biểu đồ
chma Không bắt buộc Lề biểu đồ
chf=bg Không bắt buộc Màu nền liền (chỉ ở chế độ nền)

 

Ví dụ

Nội dung mô tả Ví dụ:

Trong ví dụ này:

  • Khu vực thu phóng biểu đồ là Châu Phi (chtm=africa).
  • 3 quốc gia này sẽ được chỉ định giá trị là: Algeria, Ai Cập và Madagascar (chld=DZEGMG)
  • Ba giá trị được gán cho những quốc gia đó lần lượt là 0, 100 và 50 (chd=t:0,100,50). Đây là giá trị tối thiểu, tối đa và giá trị ở giữa cho dữ liệu định dạng văn bản.
  • Phạm vi màu sắc là màu đỏ cho 0, màu xanh lục là 100 và màu trắng cho các quốc gia chưa được chỉ định (chco=FFFFFF,FF0000,00FF00).
  • Biểu đồ cũng có nền màu xanh dương nhạt (chf=bg,s,EAF7FE).

Bản đồ Châu Phi
cht=t
chtm=africa
chld=DZEGMG
chd=t:0,100,50
chco=FFFFFF,FF0000,00FF00
chf=bg,s,EAF7FE

Biểu đồ này tương tự như biểu đồ trước, nhưng có nhiều chi tiết hơn.

Bản đồ Châu Phi
chtm=africa
chld=DZEGMGAOBWNGCFKECGCVSNDJTZGHMZZM
chco=FFFFFF,FF0000,FFFF00,00FF00
chd=t:0,100,50,32,60,40,43,12,14,54,98,17,70,76,18,29
chf=bg,s,EAF7FE

Biểu đồ này chỉ định rằng không có quốc gia nào được làm nổi bật bằng cách chỉ định một giá trị duy nhất, không xác định (chd=t:-1).

Bản đồ thế giới
chs=440x220
chd=t:-1
cht=t
chtm=world

Trở lại đầu trang

Mã tiểu bang Hoa Kỳ

Sau đây là những mã tiểu bang được hỗ trợ khi phóng to bản đồ đến Hoa Kỳ (chld=usa).

AL Alabama Los Angeles Louisiana OH Ohio
AK Alaska TÔI Maine OK Oklahoma
A-Z Arizona MD Maryland OR Oregon
Thực tế tăng cường (AR) Arkansas MA (Morocco) Massachusetts PA Pennsylvania
CA California MI Michigan RI Rhode Island
CO (Colombia) Colorado MN Minnesota SC Nam Carolina
CT Connecticut MS Mississippi SD South Dakota
DE Delaware MO Missouri TN (Tunisia) Tennessee
FL (Liechtenstein) Florida MT Montana TX Texas
GA Gruzia ĐB Nebraska UT Utah
HI Hawaii NV Nevada lưu lượng truy cập không hợp lệ Vermont
Mã nhận dạng Idaho NH New Hampshire VA (Tòa Thánh Vatican) Virginia
IL Illinois NJ New Jersey WA Washington
Ấn Độ Indiana NM New Mexico Tây Ban Nha West Virginia
kiến trúc thông tin Iowa New York New York WI Wisconsin
KS Kansas NC North Carolina WY Wyoming
Kentucky Kentucky Không cho phép North Dakota

Trở lại đầu trang

Tính năng tiêu chuẩn

Các tính năng còn lại trên trang này là các tính năng biểu đồ tiêu chuẩn.

Tiêu đề biểu đồ chtt, chts [Tất cả biểu đồ]

Bạn có thể chỉ định văn bản, màu sắc và kích thước phông chữ của tiêu đề cho biểu đồ của mình.

Cú pháp

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt – Chỉ định tiêu đề biểu đồ.

<chart_title>
Tiêu đề hiển thị cho biểu đồ. Bạn không thể chỉ định vị trí hiển thị phông chữ này, nhưng có thể tuỳ ý chỉ định kích thước và màu sắc phông chữ. Hãy sử dụng dấu + để biểu thị dấu cách và ký tự dấu gạch đứng ( | ) để biểu thị dấu ngắt dòng.

 

chts [Không bắt buộc] – Màu và cỡ chữ cho tham số chtt.

<color>
Màu tiêu đề, ở định dạng thập lục phân RRGGBB. Màu mặc định là đen.
<font_size>
Kích thước phông chữ của tiêu đề, tính bằng điểm.
<opt_alignment>
[Không bắt buộc] Căn chỉnh tiêu đề. Chọn một trong các giá trị chuỗi phân biệt chữ hoa chữ thường sau đây: "l" (trái), "c" (ở chính giữa) "r" (phải). Giá trị mặc định là "c".

 

Ví dụ

Nội dung mô tả Ví dụ:

Một biểu đồ có tiêu đề, sử dụng màu và cỡ chữ mặc định.

Chỉ định không gian có dấu cộng (+).

Sử dụng dấu gạch đứng (|) để buộc ngắt dòng.

chts chưa được chỉ định ở đây.

Biểu đồ thanh dọc có tiêu đề
chtt=Site+visitors+by+month|
January+to+July

Một biểu đồ có tiêu đề màu xanh dương, được căn phải, có 20 điểm.

Biểu đồ thanh dọc có tiêu đề màu xanh dương, 20 pixel
chtt=Site+visitors
chts=FF0000,20,r

Trở lại đầu trang

Lề biểu đồ chma [Tất cả biểu đồ]

Bạn có thể chỉ định kích thước lề của biểu đồ, tính bằng pixel. Lề được tính vào phía trong từ kích thước biểu đồ đã chỉ định (chs). Việc tăng kích thước lề sẽ không làm tăng tổng kích thước biểu đồ, mà sẽ thu nhỏ vùng biểu đồ (nếu cần).

Theo mặc định, lề sẽ là phần còn lại sau khi tính kích thước biểu đồ. Giá trị mặc định này khác nhau tuỳ theo loại biểu đồ. Lề mà bạn chỉ định là giá trị tối thiểu; nếu vùng biểu đồ chừa chỗ trống cho lề, thì kích thước lề sẽ là phần còn lại; bạn không thể ép các lề nhỏ hơn giá trị bắt buộc đối với bất kỳ chú giải và nhãn nào. Dưới đây là sơ đồ cho thấy các phần cơ bản của biểu đồ:

Lề biểu đồ, vùng chú giải và vùng biểu đồ

Lề biểu đồ bao gồm các nhãn trụcvùng huyền thoại. Vùng chú giải sẽ tự động đổi kích thước cho vừa với văn bản, trừ phi bạn chỉ định chiều rộng lớn hơn bằng chma. Trong trường hợp đó, vùng chú giải sẽ mở rộng kích thước lề rộng hơn, ép vùng biểu đồ trở nên nhỏ hơn. Bạn không thể cắt chú giải bằng cách chỉ định kích thước quá nhỏ, nhưng bạn có thể làm cho chú thích chiếm nhiều không gian hơn mức cần thiết.

Lưu ý: Trong biểu đồ thanh, nếu các thanh có kích thước cố định (mặc định), thì bạn không thể giảm chiều rộng của vùng biểu đồ. Bạn phải chỉ định kích thước thanh nhỏ hơn hoặc có thể đổi kích thước bằng cách sử dụng chbh.

 

Cú pháp

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Kích thước lề tối thiểu xung quanh vùng biểu đồ, tính bằng pixel. Hãy tăng giá trị này để thêm một số khoảng đệm nhằm ngăn các nhãn trục chạm vào đường viền của biểu đồ.
<opt_legend_width>, <opt_legend_height>
[Không bắt buộc] Chiều rộng của lề xung quanh chú giải, tính bằng pixel. Sử dụng tính năng này để tránh để chú giải chạm vào vùng biểu đồ hoặc các cạnh của hình ảnh.

 

Ví dụ

Nội dung mô tả Ví dụ:

Trong ví dụ này, biểu đồ có lề tối thiểu là 30 pixel trên mỗi bên. Vì phần chú thích biểu đồ rộng hơn 30 pixel, nên lề ở bên phải được đặt thành chiều rộng của chú thích biểu đồ và khác với các lề khác.

Các nhãn trục nằm ngoài vùng ô và do đó được vẽ trong không gian lề.

Biểu đồ dạng đường có nền màu xám và lề ở mỗi bên.
chma=30,30,30,30

Để thêm lề xung quanh chú giải, hãy đặt giá trị cho thông số <opt_legend_width><opt_legend_height>.

Trong ví dụ này, chú giải có chiều rộng khoảng 60 pixel. Nếu bạn đặt <opt_legend_width> thành 80 pixel, thì lề sẽ mở rộng ra 20 pixel bên ngoài phần chú giải.

Biểu đồ dạng đường có nền màu xám và lề ở mỗi bên.
chma=20,20,20,30|80,20

Trở lại đầu trang

Lấp đầy nền chf [Tất cả biểu đồ]

Bạn có thể chỉ định kiểu và màu nền cho vùng dữ liệu biểu đồ và/hoặc toàn bộ nền biểu đồ. Các kiểu tô màu nền bao gồm tô màu nền đồng nhất, tô màu nền dạng sọc và màu chuyển màu. Bạn có thể chỉ định nhiều màu nền cho những khu vực khác nhau (ví dụ: toàn bộ vùng biểu đồ hoặc chỉ vùng dữ liệu). Vùng biểu đồ sẽ ghi đè lên màu nền. Tất cả màu nền được chỉ định bằng tham số chf và bạn có thể kết hợp nhiều kiểu màu nền (màu nền đồng nhất, màu sọc, màu chuyển màu) trong cùng một biểu đồ bằng cách phân tách các giá trị bằng ký tự dấu gạch đứng ( | ). Vùng biểu đồ sẽ ghi đè màu nền của biểu đồ.

Màu nền đặc chf [Tất cả biểu đồ]

Bạn có thể chỉ định màu nền đồng nhất cho nền và/hoặc vùng biểu đồ hoặc chỉ định giá trị độ trong suốt cho toàn bộ biểu đồ. Bạn có thể chỉ định nhiều màu nền bằng cách sử dụng ký tự gạch đứng (|). (Maps: chỉ nền).

Cú pháp

chf=<fill_type>,s,<color>|...
<fill_type>
Phần biểu đồ đang được điền. Chỉ định một trong các giá trị sau:
  • bg – Màu nền
  • c – Lấp đầy vùng biểu đồ. Không hỗ trợ cho biểu đồ bản đồ.
  • a – Làm cho toàn bộ biểu đồ (bao gồm cả nền) trong suốt. 6 chữ số đầu tiên của <color> được bỏ qua và chỉ hai chữ số cuối cùng (giá trị trong suốt) được áp dụng cho toàn bộ biểu đồ và tất cả màu nền.
  • b<index> – Màu nền thanh (chỉ áp dụng cho biểu đồ thanh). Thay thế <index> bằng chỉ mục chuỗi của các thanh cần tô màu đồng nhất. Hiệu quả này tương tự như việc chỉ định chco trong biểu đồ thanh. Hãy xem phần Màu của chuỗi biểu đồ thanh để biết ví dụ.
giây
Biểu thị màu nền đồng nhất hoặc trong suốt.
<color>
Màu nền, ở định dạng thập lục phân RRGGBB. Đối với độ trong suốt, 6 chữ số đầu tiên sẽ được bỏ qua nhưng vẫn phải được đưa vào.

 

Ví dụ

Nội dung mô tả Ví dụ:

Ví dụ này tô nền biểu đồ bằng màu xám nhạt (EFEFEF).

Biểu đồ dạng đường màu đỏ với vùng màu đen.

chf=bg,s,EFEFEF

Ví dụ này tô nền biểu đồ bằng màu xám nhạt (EFEFEF) và tô màu đen cho vùng biểu đồ (000000).

Biểu đồ dạng đường màu đỏ với vùng biểu đồ màu đen và nền xám nhạt.

chf=c,s,000000|
bg,s,EFEFEF

Ví dụ này áp dụng độ trong suốt 50% cho toàn bộ biểu đồ (80 trong hệ thập lục phân là 128 hoặc khoảng 50% độ trong suốt). Hãy chú ý đến nền của ô trong bảng xuất hiện qua biểu đồ.

Biểu đồ tán xạ có các điểm có màu xanh dương với độ trong suốt 50%.

chf=a,s,00000080

Trở lại đầu trang

Định dạng màu

Chỉ định màu bằng một chuỗi giá trị thập lục phân gồm 6 ký tự và 2 giá trị trong suốt (không bắt buộc) ở định dạng RRGGBB[AA]. Ví dụ:

  • FF0000 = Đỏ
  • 00FF00 = Xanh lục
  • 0000FF = Xanh lam
  • 000000 = Đen
  • FFFFFF = Trắng

AA là giá trị trong suốt không bắt buộc, trong đó 00 hoàn toàn trong suốt và FF hoàn toàn mờ. Ví dụ:

  • 0000FFFF = Xanh lam đồng nhất
  • 0000FF66 = Màu xanh dương trong suốt

Trở lại đầu trang