Biểu đồ Venn

   

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

Mục lục

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

  1. Giới thiệu
  2. Loại biểu đồ (cht)
  3. Màu của bộ sách (chco)

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

  1. Tiêu đề biểu đồ (chtt, chts)
  2. Văn bản và kiểu chú giải biểu đồ (chdl, chdlp, chdls)
  3. Lề biểu đồ (chma)
  4. Màu nền (chf)
    1. Solid Fills (chf) Đổ đầy chất rắn
    2. Màu tô chuyển màu (chf)
    3. Sọc màu nền (chf)

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 của các nhóm. Biểu đồ hỗ trợ biểu đồ Venn có 2 hoặc 3 vòng tròn. Bạn sẽ chỉ định kích thước tương đối của các vòng tròn và số lượng chồng chéo giữa các vòng tròn.

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ả ở đây:

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

Hãy lưu ý rằng với biểu đồ Venn, tất cả các giá trị đều tỷ lệ chứ không phải tuyệt đối. Điều này có nghĩa là biểu đồ có các giá trị 10,20,30 sẽ trông giống như biểu đồ có các giá trị 100,200,300 (nếu loại mã hóa 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.

Biểu đồ Venn có 3 vòng tròn chồng chéo, một vòng tròn có màu xanh lam và các vòng tròn còn lại có màu xanh lục
cht=v
chd=t:100,80,60,30,30,30,10

Để chỉ định biểu đồ hai vòng tròn, hãy chỉ định 0 cho vòng tròn C và đừng chỉ định bất kỳ giá trị chồng chéo nào có cả C. Biểu đồ Venn có 3 vòng tròn chồng chéo, một vòng tròn có màu xanh lam và các vòng tròn còn lại có màu xanh lục
cht=v
chd=t:100,100,0,50

Màu của bộ sách chco

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

Cú pháp

chco=<color_1>,...,<color_n>
<color>
Màu của bộ sách, ở định dạng thập lục phân RRGGBB. Hãy chỉ định các màu khác nhau cho từng chuỗi 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 số màu có trong chuỗi, thì màu gần đây nhất sẽ 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. Biểu đồ Venn có 3 vòng tròn chồng chéo, một vòng tròn có màu xanh lam và các vòng tròn còn lại có màu xanh lục
chco=FF6342,ADDE63,63C6DE
Nếu có ít màu hơn màu tròn, thì 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.

Biểu đồ Venn có 3 vòng tròn chồng chéo, một vòng tròn có màu xanh lam và các vòng tròn còn lại có màu xanh lụ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 tiêu chuẩn của biểu đồ.

Định dạng màu

Chỉ định màu bằng cách sử dụng một chuỗi gồm 6 ký tự gồm các giá trị thập lục phân, cùng với hai 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 = Màu trắng

AA là một 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ờ đục. Ví dụ:

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

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 tiêu đề, màu sắc và kích thước phông chữ 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 đề xuất hiện trên biểu đồ. Bạn không thể chỉ định vị trí xuất hiện phông chữ này, nhưng bạn có thể tuỳ ý chỉ định kích thước và màu phông chữ. Sử dụng dấu + để biểu thị dấu cách và dấu gạch đứng ( | ) để biểu thị dấu ngắt dòng.

 

chts [Không bắt buộc] – Màu và kích thước phông 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>
Cỡ 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 có phân biệt chữ hoa chữ thường sau: "l" (bên trái), "c" (ở giữa) "r" (bên phải). Mặc định là "c".

 

Ví dụ

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

Biểu đồ có tiêu đề, sử dụng màu và kích thước phông chữ mặc định.

Chỉ định một khoảng trắng có dấu cộng (+).

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

chts không được chỉ định ở đây.

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

Biểu đồ có tiêu đề màu xanh dương, căn phải và gồm 20 điểm.

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

Trở lại đầu trang

Văn bản chú giải và kiểu trên 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 nội dung mô tả ngắn bằng văn bản về từng chuỗi. Bạn có thể chỉ định văn bản liên kết với từng bộ sách trong chú giải này và chỉ định vị trí xuất hiện của văn bả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ề giá trị chuỗi: Chỉ được dùng các ký tự an toàn cho URL trong chuỗi nhãn. Để đảm bảo an toàn, bạn nên mã hoá URL mọi chuỗi chứa ký tự không thuộc 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 cho từng bộ sách để hiển thị trong chú giải.

<data_series_label>
Văn bản cho các mục chú giải. Mỗi nhãn áp dụng cho bộ sách 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 tham số này, biểu đồ sẽ không có chú giải. Không có cách nào để chỉ định dấu ngắt dòng trong nhãn. Phần chú giải thường sẽ mở rộng để chứa văn bản chú giải và vùng biểu đồ sẽ thu nhỏ để phù hợp với chú giải.

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 <position> 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 ký tự "s" vào giá trị bất kỳ nếu muốn bỏ qua các mục chú giải trống trong chdl trong chú giải. Ví dụ: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[Không bắt buộc] Xác định vị trí của chú giải trên biểu đồ. Để chỉ định thêm khoảng đệm giữa phần chú giải 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 một 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ủa nhãn trong phần chú giải. Chọn một trong các giá trị sau:
  • l – [Mặc định cho các chú giải dọc] Hiển thị các nhãn theo thứ tự được cấp cho chdl.
  • r – Hiển thị các nhãn theo thứ tự đảo ngược như chdl. Tính năng này rất hữu ích trong biểu đồ thanh xếp chồng khi hiển thị chú giải
    theo thứ tự thanh xuất hiện.
  • a – [Mặc định cho các chú giải theo chiều 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 lường bằng 10 khối pixel. Khi hai phần tử có cùng độ 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 đầu tiên.
  • 0,1,2... – Thứ tự nhãn tuỳ 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à kích thước phông chữ của văn bản chú giải.

<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ề chú giải. Hãy chỉ định văn bản chú giải theo cùng thứ tự như chuỗi dữ liệu.

Biểu đồ dạng đường màu đỏ, xanh dương và xanh lục có các chú giải phù hợp

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Biểu đồ Venn có hai vòng tròn nhỏ hơn nằm trong một vòng tròn lớn hơn


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à 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).

Biểu đồ Venn có hai vòng tròn nhỏ hơn nằm trong một vòng tròn lớn hơn
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


Biểu đồ Venn có hai vòng tròn nhỏ hơn nằm trong một vòng tròn lớn hơn
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

Ví dụ này minh hoạ việc thay đổi cỡ chữ.

Biểu đồ Venn có hai vòng tròn nhỏ hơn nằm trong một vòng tròn lớn hơn
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 đồ, bằng pixel. Lề được tính toán vào trong của kích thước biểu đồ đã chỉ định (chs); việc tăng kích thước lề không làm tăng tổng kích thước biểu đồ, nhưng sẽ thu nhỏ vùng biểu đồ, nếu cần.

Theo mặc định, lề là bất kỳ phần nào còn lại sau khi tính toán kích thước biểu đồ. Giá trị mặc định này thay đổi 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 khoảng trống cho lề, thì kích thước lề sẽ là bất kỳ giá trị nào còn lại; bạn không thể ép lề nhỏ hơn kích thước yêu cầu cho bất kỳ chú giải và nhãn nào. Dưới đây là sơ đồ thể hiện 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ề trên biểu đồ bao gồm các nhãn trụcvùng hiển thị. Vùng chú giải sẽ tự động đổi kích thước để vừa với văn bản một cách chính xác, trừ phi bạn chỉ định chiều rộng lớn hơn bằng cách sử dụ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, khiến vùng biểu đồ 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ú giải chiếm nhiều dung lượng hơn mức cần thiết.

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

 

Cú pháp

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <left_margin>, <left_margin>, <left_margin>
Kích thước lề tối thiểu xung quanh vùng biểu đồ, tính bằng pixel. Tăng giá trị này để đưa vào một số khoảng đệm nhằm ngăn nhãn trục va 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 phần chú giải, tính bằng pixel. Hãy sử dụng tính năng này để tránh để phần 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 mỗi bên. Vì chú giải 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ú giải biểu đồ và khác với các lề khác.

Nhãn trục nằm ngoài vùng biểu đồ nên đượ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 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 màu nền và kiểu cho vùng dữ liệu biểu đồ và/hoặc toàn bộ nền của biểu đồ. Các loại màu nền bao gồm màu nền đồng nhất, màu nền có sọc và màu chuyển tiếp. Bạn có thể chỉ định các màu nền khác nhau cho các phần khác nhau (ví dụ: toàn bộ khu vực biểu đồ hoặc chỉ vùng dữ liệu). Màu tô vùng biểu đồ sẽ ghi đè 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 loại màu nền (màu đậm, màu sọc, màu chuyển tiếp) 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 ( | ). Màu nền của biểu đồ sẽ thay thế màu nền của biểu đồ.

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

Bạn có thể chỉ định một màu nền đồng nhất cho nền và/hoặc vùng biểu đồ, hoặc chỉ định một 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ự dấu gạch đứng (|). (Maps: chỉ nền).

Cú pháp

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

 

Ví dụ

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

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

Biểu đồ dạng đường màu đỏ với vùng tô 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 biểu đồ bằng màu đen (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 ở hệ thập lục phân là 128, hoặc độ trong suốt khoảng 50%). Hãy lưu ý nền của ô trong bảng đang hiện qua biểu đồ.

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

chf=a,s,00000080

Trở lại đầu trang

Màu tô chuyển tiếp chf [Đường kẻ, Thanh, Google-mét, 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 hoặc nền trong biểu đồ. Màu nền chuyển màu bị mờ dần từ một màu này sang màu khác. (Hình tròn, biểu đồ Google-o-meter: chỉ ở chế độ nền.)

Mỗi màu tô chuyển tiếp chỉ định một góc, sau đó hai hoặc nhiều màu được neo vào một vị trí được chỉ định. Màu sắc sẽ thay đổi khi di chuyển từ điểm neo này sang điểm neo 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 lấp đầy. Một trong những trạng thái sau đây:
  • bg – Màu nền
  • c – Điền vùng biểu đồ.
  • b<index> – Màu nền chuyển màu cho thanh (chỉ áp dụng cho biểu đồ thanh). Thay thế <index> bằng chỉ mục chuỗi của các thanh để lấp đầy bằng hiệu ứng chuyển màu. Hãy xem phần Màu của chuỗi biểu đồ thanh để biết ví dụ.
lg
Chỉ định độ dốc màu.
<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 phần nền, ở định dạng thập lục phân RRGGBB.
<color_centerpoint>
Chỉ định điểm neo cho màu sắc. Màu sẽ bắt đầu mờ dần từ điểm này khi đến gần một điểm neo khác. Phạm vi giá trị là từ 0 (cạnh dưới hoặc cạnh trái) đến 1 (cạnh trên hoặc cạnh phải), nghiêng ở góc được chỉ định bởi <angle>.

 

Ví dụ

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

Vùng biểu đồ có độ dốc theo chiều ngang, được chỉ định với góc 0 độ (0).

Màu sắc là hồng đào (FFE7C6), căn giữa ở bên trái (vị trí 0.0) và màu xanh dương (76A4FB) căn giữa ở bên phải (vị trí 1.0).

Nền biểu đồ được vẽ bằng màu xám (EFEFEF).

Biểu đồ dạng đường màu xám đậm với nền xám nhạt và khu vực biểu đồ dạng chuyển màu tuyến tính từ trắng sang xanh dương từ trái sang phải

chf=
  c,lg,0,
  FFE7C6,0,
(hồng đào)
  76A4FB,1
(xanh dương)

Vùng 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).

Màu đà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.

Xanh lam (6A4FB) là màu thứ hai được chỉ định. Ở trên cùng bên phải của biểu đồ có màu xanh dương đơn thuần. Hãy lưu ý cách chúng tôi chỉ định độ lệch là 0, 75 để thể hiện rằng đỉnh màu xanh dương mờ dần ở góc trên cùng bên phải.

Nền biểu đồ được vẽ bằng màu xám (EFEFEF).

Biểu đồ dạng đường màu xám đậm với nền xám nhạt và khu vực biểu đồ dạng đường chéo tuyến tính từ màu trắng đến xanh dương từ dưới cùng bên trái sang trên cùng bên phải

chf=
  c,lg,45,
  FFE7C6,0,
(hồng đào)
  76A4FB,0.75
(xanh dương)

Vùng biểu đồ có độ dốc theo chiều dọc (từ trên xuống dưới), được chỉ định với một góc 90 độ (90).

Xanh lam (76A4FB) là màu đầu tiên được chỉ định. Phần đầu của biểu đồ có màu xanh dương đơn thuần.

Màu đào (FFE7C6) là màu thứ hai được chỉ định. Cuối biểu đồ có màu hồng đào.

Nền biểu đồ được vẽ bằng màu xám (EFEFEF).

Biểu đồ dạng đường màu xám đậm với nền màu xám nhạt và khu vực biểu đồ có độ dốc tuyến tính từ màu trắng đến màu xanh dương từ dưới lên trên

chf=
  c,lg,90,
  FFE7C6,0,
(hồng đào)
  76A4FB,0.5
(xanh dương)

Trở lại đầu trang

 

Đường kẻ sọc chf [Đường kẻ, Thanh, Google-mét, Radar, Tán xạ, Venn]

Bạn có thể chỉ định màu nền dạng sọc cho vùng biểu đồ hoặc toàn bộ biểu đồ. (Hình tròn, biểu đồ Google-o-meter: 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 lấp đầy. Một trong những trạng thái sau đây:
  • bg – Màu nền
  • c – Lấp đầy vùng biểu đồ
  • b<index> – Màu nền sọc thanh (chỉ dành cho biểu đồ thanh). Thay thế <index> bằng chỉ mục chuỗi của các thanh để lấp đầy bằng các sọc. Hãy xem phần Màu chuỗi của biểu đồ thanh để biết ví dụ.
ls
Chỉ định màu nền cho 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 2 sọc. Các sọc thay thế cho đến khi biểu đồ được lấp đầy.
<width>
Chiều rộng của sọc này, từ 0 đến 1, trong đó 1 là chiều rộng đầy đủ của biểu đồ. Các đường sọc sẽ 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 2 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 – Sọc nền lấp đầy bằng các sọc ở góc 0 độ so với trục y (song song với trục y). Các đường sọc lấp đầy nền biểu đồ cũng như vùng 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 là màu trắng, rộng bằng 10% so với biểu đồ.
Biểu đồ dạng đường màu xanh dương với các sọc trắng và xám xen kẽ từ trái sang phải
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 – Khu vực biểu đồ có các sọc ngang tạo thành một góc 90 độ so với trục y. Các sọc lấp đầy vùng biểu đồ, nhưng nền của 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ư dải đầu tiên, nhưng có màu xám nhạt hơn.
  • FFFFFF,0.25 – Giống như dải đầu tiên, nhưng có màu trắng.
Biểu đồ dạng đường màu xanh dương với các sọc màu xám đậm, xám nhạt, trắng và xám đậm từ dưới lên trên
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

Trở lại đầu trang