Tài liệu này mô tả cách tạo biểu đồ Venn bằng API của Biểu đồ.

Mục lục

Giới thiệu

Biểu đồ Venn là các biểu đồ có các vòng tròn chồng chéo cho biết điểm chung giữa các nhóm. Biểu đồ hỗ trợ biểu đồ Venn có 2 hoặc 3 vòng tròn. Bạn chỉ định kích thước tương đối của các vòng kết nối và mức độ chồng chéo giữa các vòng kết nối đó.

Loại biểu đồ (cht)

Chỉ định biểu đồ Venn bằng cú pháp sau:

Cú pháp

cht=v

Chuỗi dữ liệu là một tập hợp gồm tối đa 7 phần tử, được phân tách bằng dấu phân cách phù hợp với định dạng dữ liệu của bạn, như mô tả dưới đây:

• Ba giá trị đầu tiên xác định kích thước của 3 vòng tròn: A, B và C. Đối với biểu đồ chỉ có 2 vòng tròn, hãy chỉ định 0 cho giá trị thứ ba.
• Giá trị thứ tư chỉ định kích thước của giao điểm giữa A và B.
• Giá trị thứ năm chỉ định kích thước của giao điểm giữa A và C. Đối với biểu đồ chỉ có 2 vòng tròn, đừng chỉ định giá trị tại đây.
• Giá trị thứ sáu chỉ định kích thước của giao điểm giữa B và C. Đối với biểu đồ chỉ có 2 vòng tròn, đừng chỉ định giá trị tại đây.
• Giá trị thứ 7 cho biết kích thước của giao điểm chung của A, B và C. Đối với biểu đồ chỉ có 2 vòng tròn, đừng chỉ định giá trị tại đây.

Lưu ý rằng với biểu đồ Venn, tất cả các giá trị đều là tỷ lệ chứ không phải là giá trị tuyệt đối. Tức là một biểu đồ có các giá trị 10,20,30 sẽ giống như một biểu đồ có các giá trị 100,200.300 (nếu loại mã hoá của bạn chấp nhận các giá trị đó).

Nội dung mô tả	Ví dụ:
Biểu đồ Venn ba vòng tròn.	cht=v chd=t:100,80,60,30,30,30,10
Để chỉ định biểu đồ hai vòng tròn, hãy chỉ định số 0 cho vòng tròn C và không chỉ định bất kỳ giá trị trùng lặp nào bao gồm C.	cht=v chd=t:100,100,0,50

Màu sắc của chuỗi chco

Bạn có thể chỉ định màu của tất cả các chuỗi, mỗi chuỗi hoặc một số chuỗi bằng tham số chco.

Cú pháp

chco=<color_1>,...,<color_n>

<color>

Màu của chuỗi dữ liệu, ở định dạng thập lục phân RRGGBB. Hãy chỉ định các màu khác nhau cho các chuỗi khác nhau bằng cách thêm các giá trị màu được phân tách bằng dấu phẩy. Nếu bạn có ít màu hơn so với chuỗi, thì màu cuối cùng sẽ được lặp lại, nhưng trong biểu đồ Venn, các màu giống nhau có thể khiến biểu đồ khó đọc.

Nội dung mô tả	Ví dụ:
Mỗi vòng tròn có một màu riêng.	chco=FF6342,ADDE63,63C6DE
Nếu có ít màu hơn hình tròn, màu cuối cùng được chỉ định sẽ được lặp lại. Tuy nhiên, việc này khiến biểu đồ khó đọc.	chco=00FF00,0000FF

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.

Trở lại đầu trang

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.	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.	chtt=Site+visitors chts=FF0000,20,r

Trở lại đầu trang

Kiểu và văn bản chú giải của biểu đồ chdl, chdlp, chdls [Tất cả biểu đồ]

Chú giải là một phần bên của biểu đồ, cung cấp một đoạn văn bản nhỏ mô tả về từng chuỗi dữ liệu. Bạn có thể chỉ định văn bản liên kết với từng chuỗi trong phần chú thích này và chỉ định vị trí văn bản đó xuất hiện trên biểu đồ.

Xem thêm chma để tìm hiểu cách đặt lề xung quanh chú giải.

Lưu ý về các giá trị chuỗi: Bạn chỉ được sử dụng các ký tự an toàn về URL trong chuỗi nhãn. Để đảm bảo an toàn, bạn nên mã hoá URL mọi chuỗi có chứa ký tự không có trong bộ ký tự 0-9a-zA-Z. Bạn có thể tìm thấy bộ mã hoá URL trong Tài liệu về hình ảnh trực quan của Google.

Cú pháp

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl – Văn bản của từng bộ sách, để hiển thị trong phần chú thích.

<data_series_label>

Văn bản cho các mục chú giải. Mỗi nhãn áp dụng cho chuỗi tương ứng trong mảng chd. Sử dụng dấu + cho dấu cách. Nếu bạn không chỉ định thông số này, biểu đồ sẽ không nhận được chú giải. Không có cách nào để chỉ định dấu ngắt dòng trong nhãn. Chú giải thường sẽ mở rộng để chứa văn bản chú thích và vùng biểu đồ sẽ thu nhỏ cho phù hợp với phần chú thích.

chdlp - [Không bắt buộc] Vị trí của chú giải và thứ tự của các mục chú giải. Bạn có thể chỉ định <location> và/hoặc <label_order>. Nếu bạn chỉ định cả hai, hãy phân tách chúng bằng một ký tự thanh. Bạn có thể thêm "s" vào bất kỳ giá trị nào nếu muốn bỏ qua các mục chú giải trống trong chdl trong phần chú thích. Ví dụ: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>

[Không bắt buộc] Chỉ định vị trí của chú giải trên biểu đồ. Để chỉ định khoảng đệm bổ sung giữa phần chú thích và vùng biểu đồ hoặc đường viền hình ảnh, hãy sử dụng tham số chma. Chọn một trong các giá trị sau:

• b – Chú giải ở cuối biểu đồ, các mục chú giải trong một hàng ngang.
• bv – Chú giải ở cuối biểu đồ, các mục chú giải trong cột dọc.
• t – Chú giải ở đầu biểu đồ, các mục chú giải trong một hàng ngang.
• tv – Chú giải ở đầu biểu đồ, các mục chú giải trong cột dọc.
• r – [Mặc định] Chú giải ở bên phải biểu đồ, các mục chú giải trong cột dọc.
• l – Chú giải ở bên trái biểu đồ, các mục chú giải trong cột dọc.

<opt_label_order>

[Không bắt buộc] Thứ tự hiển thị các nhãn trong phần chú thích. Chọn một trong các giá trị sau:

• l – [Mặc định cho chú giải dọc] Hiển thị nhãn theo thứ tự được chỉ định cho chdl.
• r – Hiển thị nhãn theo thứ tự ngược lại cho chdl. Điều này rất hữu ích trong các biểu đồ thanh xếp chồng để hiển thị chú giải
  theo cùng thứ tự xuất hiện của các thanh.
• a – [Mặc định cho các chú giải ngang] Sắp xếp tự động: nghĩa là sắp xếp theo độ dài, ngắn nhất trước tiên, được đo bằng 10 khối pixel. Khi hai phần tử có cùng chiều dài (được chia thành 10 khối pixel), phần tử được liệt kê đầu tiên sẽ xuất hiện trước.
• 0,1,2... – Thứ tự nhãn tùy chỉnh. Đây là danh sách các chỉ mục nhãn dựa trên 0 từ chdl, được phân tách bằng dấu phẩy.

chdls – [Không bắt buộc] Chỉ định màu và cỡ chữ của văn bản chú thích.

<color>

Màu văn bản chú giải, ở định dạng thập lục phân RRGGBB.

<size>

Kích thước điểm của văn bản chú giải.

 

Ví dụ

Nội dung mô tả	Ví dụ:
Hai ví dụ về truyền thuyết. Chỉ định văn bản chú giải theo cùng thứ tự như chuỗi dữ liệu.	chdl=NASDAQ|FTSE100|DOW chco=FF0000,00FF00,0000FF chdl=First|Second|Third chco=ff0000,00ff00,0000ff
Biểu đồ đầu tiên minh hoạ các mục chú giải theo chiều ngang (chdlp=t, bố cục mặc định là chiều ngang) và biểu đồ thứ hai minh hoạ các mục chú giải theo chiều dọc ở dưới cùng (chdlp=bv).	chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=t chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=bv
Ví dụ sau minh hoạ cách thay đổi cỡ chữ.	chdls=0000CC,14

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 đồ bao gồm các nhãn trục và vù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ề.	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> và <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.	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).	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).	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 đồ.	chf=a,s,00000080

Trở lại đầu trang

Màu tô chuyển tiếp chf [Đường kẻ, Thanh, Máy đo Google, Rađa, Tán xạ,Venn]

Bạn có thể áp dụng một hoặc nhiều màu nền chuyển màu cho các vùng biểu đồ hoặc nền. Màu nền chuyển màu sẽ làm mờ từ một màu này sang một màu khác. (Biểu đồ hình tròn, biểu đồ theo mét Google: chỉ ở chế độ nền.)

Mỗi màu nền chuyển màu chỉ định một góc, sau đó 2 hoặc nhiều màu được neo vào một vị trí đã chỉ định. Màu sắc thay đổi khi di chuyển từ quảng cáo cố định này sang quảng cáo cố định khác. Bạn phải có ít nhất hai màu với các giá trị <color_centerpoint> khác nhau để một màu có thể mờ dần vào màu còn lại. Mỗi độ dốc bổ sung được chỉ định bằng một cặp <color>,<color_centerpoint>.

Cú pháp

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>

<fill_type>

Khu vực biểu đồ cần điền. Một trong những trường hợp sau:

• bg – Màu nền
• c – Lấp đầy vùng biểu đồ.
• b<index> – Màu nền chuyển màu của thanh (chỉ dành cho biểu đồ thanh). Thay thế <index> bằng chỉ mục chuỗi của các thanh cần tô màu nền. Hãy xem phần Màu của chuỗi biểu đồ thanh để biết ví dụ.

lg

Chỉ định màu nền có độ dốc.

<góc>

Một số chỉ định góc chuyển màu từ 0 (ngang) đến 90 (dọc).

<color>

Màu của màu nền, ở định dạng thập lục phân RRGGBB.

<color_centerpoint>

Chỉ định điểm neo cho màu này. Màu sẽ bắt đầu mờ dần từ điểm này khi tiến gần đến một điểm neo khác. Phạm vi giá trị từ 0 (cạnh dưới hoặc bên trái) đến 1 (cạnh trên hoặc bên phải), nghiêng một góc được xác định bằng <angle>.

 

Ví dụ

Nội dung mô tả	Ví dụ:
Vùng biểu đồ có độ dốc theo chiều ngang theo chiều ngang, được chỉ định với góc bằng 0 độ (0). Các màu là màu hồng đào (FFE7C6), được căn giữa ở bên trái (vị trí 0.0) và màu xanh dương (76A4FB) ở giữa phía bên phải (vị trí 1.0). Nền biểu đồ được vẽ màu xám (EFEFEF).	chf=   c,lg,0,   FFE7C6,0,(đào)   76A4FB,1 (xanh lam)
Khu vực trong biểu đồ có độ dốc theo đường chéo (dưới cùng bên trái sang trên cùng bên phải), được xác định với góc 45 độ (45). Đào (FFE7C6) là màu đầu tiên được chỉ định. Dưới cùng bên trái của biểu đồ là màu hồng đào thuần khiết. Xanh dương (6A4FB) là màu thứ hai được chỉ định. Phần trên cùng bên phải của biểu đồ có màu xanh dương nhạt. Hãy lưu ý cách chúng ta chỉ định độ lệch là 0, 75 để tạo ra đỉnh màu xanh dương mờ dần về phía góc trên cùng bên phải. Nền biểu đồ được vẽ màu xám (EFEFEF).	chf=   c,lg,45,   FFE7C6,0, (đào)   76A4FB,0.75 (xanh lam)
Khu vực biểu đồ có độ dốc theo chiều dọc (từ trên xuống dưới) theo chiều dọc, được xác định với góc 90 độ (90). Xanh dương (76A4FB) là màu đầu tiên được chỉ định. Phần trên cùng của biểu đồ có màu xanh dương nhạt. Đào (FFE7C6) là màu thứ hai được chỉ định. Dưới cùng của biểu đồ là màu quả đào nguyên chất. Nền biểu đồ được vẽ màu xám (EFEFEF).	chf=   c,lg,90,   FFE7C6,0, (đào)   76A4FB,0.5 (xanh lam)

Trở lại đầu trang

 

Màu nền sọc chf [Đường, Thanh, Máy đo Google, Radar, Tán xạ, Venn]

Bạn có thể chỉ định màu nền sọc cho vùng biểu đồ của mình hoặc toàn bộ biểu đồ. (Biểu đồ hình tròn, biểu đồ mét trên Google: chỉ ở chế độ nền.)

Cú pháp

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>

<fill_type>

Khu vực biểu đồ cần điền. Một trong những trường hợp sau:

• bg – Màu nền
• c – Lấp đầy vùng biểu đồ
• 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 sọc. Hãy xem phần Màu của chuỗi biểu đồ thanh để biết ví dụ.

ls

Chỉ định màu nền dạng sọc tuyến tính.

<góc>

Góc của tất cả các sọc, so với trục y. Sử dụng 0 cho sọc dọc hoặc 90 cho sọc ngang.

<color>

Màu của sọc này, ở định dạng thập lục phân RRGGBB. Lặp lại <color> và <width> cho từng sọc bổ sung. Bạn phải có ít nhất hai sọc. Các sọc thay thế cho đến khi biểu đồ được lấp đầy.

<width>

Chiều rộng của dải này, từ 0 đến 1, trong đó 1 là chiều rộng đầy đủ của biểu đồ. Các sọc được lặp lại cho đến khi biểu đồ được lấp đầy. Lặp lại <color> và <width> cho từng sọc bổ sung. Bạn phải có ít nhất hai sọc. Các sọc thay thế cho đến khi biểu đồ được lấp đầy.

 

Ví dụ

Nội dung mô tả	Ví dụ:
bg,ls,0 – Nền sọc với các sọc ở góc 0 độ so với trục y (song song với trục y). Các sọc này lấp đầy nền biểu đồ cũng như khu vực biểu đồ. CCCCCC,0.15 – Sọc đầu tiên có màu xám đậm, rộng bằng 15% so với biểu đồ. FFFFFF,0.1 – Sọc thứ hai có màu trắng, rộng bằng 10% so với biểu đồ.	chf=   bg,ls,0,   CCCCCC,0.15,   FFFFFF,0.1
c,ls,90 – Khu vực biểu đồ có các sọc ngang với một góc 90 độ tính từ trục y. Sọc lấp đầy vùng biểu đồ, nhưng nền biểu đồ bị bỏ qua. 999999,0.25 – Sọc đầu tiên có màu xám đậm, rộng bằng 25% so với biểu đồ. CCCCCC,0.25 – Giống như sọc đầu tiên, nhưng có màu xám nhạt hơn. FFFFFF,0.25 – Giống như sọc đầu tiên, nhưng có màu trắng.	chf=   c,ls,90,   999999,0.25,   CCCCCC,0.25,   FFFFFF,0.25

Trở lại đầu trang