Biểu đồ rađa

   

Tài liệu này mô tả cách tạo biểu đồ rađa bằng cách sử dụng Chart API (API Biểu đồ).

Mục lục

Tổng quan

Trong biểu đồ rađa, các điểm dữ liệu được vẽ cách đều nhau, theo chiều kim đồng hồ xung quanh biểu đồ. Giá trị của điểm được biểu thị bằng khoảng cách tính từ tâm biểu đồ, trong đó tâm biểu thị giá trị tối thiểu, còn cạnh biểu đồ là giá trị tối đa. Mỗi chuỗi được vẽ dưới dạng một mạch hoàn chỉnh của biểu đồ. Biểu đồ kết nối các điểm này bằng các đường thẳng hoặc đường cong, theo sự chỉ định của bạn. Vì vậy, biểu đồ rađa về cơ bản là một biểu đồ dạng đường được gói thành một hình tròn, trong đó trục y đi từ tâm biểu đồ đến chu vi, còn trục x là chu vi của biểu đồ, bắt đầu và kết thúc tại đường 12:00.

Một biểu đồ được chia đều thành các phân đoạn bằng nhau; số lượng phân đoạn là lớn hơn trong hai giá trị sau:

  • số lượng nhãn + 1 (như được chxl chỉ định, nếu có), hoặc
  • số lượng giá trị dữ liệu.

Vì vậy, ví dụ: nếu bạn có một biểu đồ có 8 điểm dữ liệu và không có nhãn, thì các điểm dữ liệu sẽ được đặt cách nhau 45 độ (360 / 8).

Nếu bạn có nhiều bộ sách, thì chuỗi có điểm cao nhất sẽ được tính. Số lượng phân đoạn tối thiểu là 4; nếu bạn có ít hơn 4 nhãn hoặc điểm dữ liệu, thì biểu đồ sẽ mặc định có 4 phân đoạn. Bạn cần có n + 1 điểm dữ liệu để tạo một mạch hoàn chỉnh của biểu đồ, trong đó n là số lượng phân đoạn. Nhiều điểm dữ liệu hơn sẽ tăng mức độ chi tiết của biểu đồ. Dữ liệu của bạn sẽ không bao giờ xoay quanh biểu đồ nhiều lần.

.Một biểu đồ rađa có thể hỗ trợ nhiều chuỗi dữ liệu. Mỗi chuỗi là một đường trên biểu đồ.

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

 

Đối với biểu đồ loại r, các điểm được kết nối với các đường thẳng.

Ví dụ này thể hiện một biểu đồ rađa đơn giản, với một chuỗi dữ liệu duy nhất. Các giá trị tăng dần, mang lại hình dạng vỏ ốc sên.

Biểu đồ rađa
cht=r
chd=t:10,20,30,40,50,60,70,80,90

Khi nhãn trục x có trong biểu đồ rađa, khoảng cách của các điểm dữ liệu xung quanh biểu đồ được xác định bằng số nhãn hoặc số điểm dữ liệu, tuỳ theo giá trị nào lớn hơn. Trong cả hai biểu đồ này, số lượng điểm dữ liệu là như nhau (5 điểm), nhưng điểm đầu tiên có ít nhãn hơn và điểm thứ hai có nhiều nhãn hơn. Biểu đồ đầu tiên gán vị trí dữ liệu theo số lượng điểm dữ liệu và biểu đồ thứ hai theo số lượng nhãn. Lưu ý rằng biểu đồ thứ hai có 6 phân đoạn, cung cấp 7 điểm để tạo thành một vòng tròn hoàn chỉnh.


chd=t:10,20,30,40,50
chxl=0:|1|2|3|4

Biểu đồ có 5 điểm dữ liệu, 4 nhãn.
Dữ liệu ở các khoảng thời gian 360/5=72 độ



chd=t:10,20,30,40,50
chxl=0:|1|2|3|4|5|6

Biểu đồ có 6 nhãn, 5 điểm dữ liệu.
Dữ liệu ở khoảng thời gian 360/6=60 độ.

Bạn có thể bổ sung thêm thông tin và độ rõ ràng cho biểu đồ rađa bằng cách thêm màu sắc, kiểu đường kẻ và nhãn trục.

Ví dụ này là biểu đồ rađa phức tạp hơn với hai chuỗi dữ liệu. Màu của mỗi chuỗi dữ liệu được chỉ định bằng chco, như mô tả trong Màu của bộ sách.

Kiểu đường kẻ được chỉ định bằng chls, như mô tả trong phần Kiểu đường.

Nhãn trục được chỉ định bằng chxt, chxlchxr, như mô tả trong phần Nhãn và kiểu trục. Đối với biểu đồ rađa, trục x được vẽ trong một vòng tròn xung quanh chu vi của biểu đồ, còn trục y và trục r đi từ tâm đến trên cùng của biểu đồ. Trục t được bỏ qua. Biểu đồ này bao gồm các nhãn trục x có thể cho biết các giá trị tại nhiều vị trí la bàn (ví dụ: vận tốc gió).

 

Biểu đồ rađa
chco=FF0000,FF9900
chls=2.0,4.0,0.0|2.0,4.0,0.0
chxt=x
chxl=0:|0|45|90|135|180|225|270|315
chxr=0,0.0,360.0

Trong biểu đồ thuộc loại rs, các điểm được kết nối bằng các đường cong.

Ví dụ này sử dụng các tham số giống như ví dụ trước, nhưng có chỉ định điền dòng cho cả hai chuỗi dữ liệu.

Ví dụ này áp dụng cho cả đường lưới.

 

Biểu đồ rađa có màu nền dạng đường
chg=25.0,25.0,4.0,4.0
chm=
B,FF000080,0,1.0,5.0|
B,FF990080,1,1.0,5.0

Trong biểu đồ rađa, điểm đánh dấu đường ngang sẽ cong thành hình tròn, còn điểm đánh dấu đường dọc phát tán ra ngoài từ tâm, như minh hoạ ở đây.

  • chm=h,0000FF,... – Vòng tròn màu xanh dương đậm. Hãy lưu ý cách điểm đánh dấu hình dạng đường ngang tạo ra vòng tròn trên biểu đồ rađa.
  • chm=V,00FF0080,... – Đường màu xanh lục lúc 6:00.

Hãy xem phần Điểm đánh dấu hình dạng để biết thêm thông tin về các hình dạng có sẵn.

Biểu đồ rađa
chm=
h,0000FF,0,1.0,4.0
V,00FF00,0,4.0,5.0

Trở lại đầu trang

Loại biểu đồ (cht)

Có hai loại biểu đồ rađa: biểu đồ đường thẳng (cht=r) biểu đồ dạng đường cong (cht=rs).

Thông số Nội dung mô tả Ví dụ:
r

 

Đối với biểu đồ thuộc loại r, các điểm được kết nối với các đường thẳng.

Biểu đồ rađa
cht=r
chd=t:10,20,30,40,50,60

rs Loại biểu đồ rs kết nối các điểm với các đường cong. Biểu đồ rađa
cht=rs
chd=t:10,20,30,40,50,60,70,80,90

Trở lại đầu trang

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

Nếu muốn, hãy chỉ định màu của đường kẻ bằng cách sử dụng tham số chco.

Cú pháp

chco=<color_1>,...,<color_n>
<color>
Chỉ định một hoặc nhiều màu đường kẻ ở định dạng thập lục phân RRGGBB và phân tách bằng dấu phẩy. Nếu số đường kẻ nhiều hơn màu, các dòng thừa sẽ vượt qua danh sách màu từ đầu.

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 đồ.

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

Kiểu và nhãn trục [Đường kẻ, Thanh, Google-mét, Radar, Tán xạ]

Bạn có thể chỉ định trục sẽ xuất hiện trên biểu đồ và gán cho các trục cũng như vị trí, dải ô và kiểu tuỳ chỉnh.

Theo mặc định, không phải tất cả các biểu đồ đều hiển thị các đường trục. Bạn có thể chỉ định chính xác trục mà biểu đồ của bạn sẽ hiển thị bằng cách sử dụng tham số chxt. Các đường trục mặc định không hiển thị số; bạn phải chỉ định một trục trong tham số chxt để hiển thị số.

Bạn có thể chọn để trục hiển thị số phản ánh giá trị dữ liệu hoặc bạn có thể chỉ định trục tuỳ chỉnh. Tuỳ chọn mặc định là hiện giá trị số, với các giá trị được điều chỉnh theo tỷ lệ trong khoảng từ 0 đến 100. Tuy nhiên, bạn có thể thay đổi phạm vi đó bằng cách sử dụng chxr để hiển thị phạm vi bất kỳ cũng như có thể tạo kiểu cho các giá trị (ví dụ: để hiển thị ký hiệu tiền tệ hoặc chữ số thập phân) bằng cách sử dụng chxs.

Nếu chọn sử dụng giá trị tuỳ chỉnh, ví dụ: "T2, T3, T4", bạn có thể sử dụng thông số chxl. Để đặt các nhãn này vào những vị trí cụ thể dọc theo trục, hãy sử dụng tham số chxp.

Cuối cùng, bạn có thể dùng các tham số chxschxtc để chỉ định màu sắc, kích thước, căn chỉnh và các thuộc tính khác của cả nhãn trục tuỳ chỉnh và nhãn số.

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.

Phần này bao gồm những chủ đề sau:


Trục hiển thị chxt

Theo mặc định, biểu đồ thanh, biểu đồ dạng đường, biểu đồ rađa và biểu đồ tán xạ hiển thị một hoặc hai đường trục, nhưng những đường này không bao gồm giá trị. Để hiện giá trị trên các đường trục hoặc thay đổi trục xuất hiện, bạn phải sử dụng tham số chxt. Theo mặc định, các giá trị trục nằm trong khoảng từ 0 đến 100, trừ phi bạn điều chỉnh tỷ lệ các giá trị đó một cách rõ ràng bằng thuộc tính chxr. Để ẩn tất cả các đường trục trong một biểu đồ dạng đường, hãy chỉ định :nda sau giá trị loại biểu đồ trong tham số cht (ví dụ: cht=lc:nda).

Theo mặc định, các trục trên cùng và dưới cùng không hiển thị dấu kiểm theo giá trị, còn các trục trái và phải thì hiển thị các dấu kiểm. Bạn có thể thay đổi hành vi này bằng cách sử dụng tham số chxs.

Cú pháp

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Một trục thể hiện trên biểu đồ. Các trục có sẵn là:
  • x – Trục x dưới cùng
  • t - Trục x trên cùng [Google-o-Meter không hỗ trợ]
  • y – Trục y bên trái
  • r – Trục y phải [Google-o-Meter không hỗ trợ]

Bạn có thể chỉ định nhiều trục cùng loại, ví dụ: cht=x,x,y. Thao tác này sẽ xếp chồng 2 bộ trục x dọc theo phần dưới cùng của biểu đồ. Điều này rất hữu ích khi thêm các nhãn tuỳ chỉnh dọc theo một trục hiển thị các giá trị số (xem ví dụ bên dưới). Các trục được vẽ từ trong ra ngoài, vì vậy, nếu bạn có x,x, thì x đầu tiên là bản sao trong cùng, x tiếp theo đề cập đến bản sao tiếp theo bên ngoài, v.v.

 

Ví dụ

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

Ví dụ này là một biểu đồ dạng đường có trục x, trục y, trục trên cùng (t) và trục phải (r).

Vì không có nhãn nào được chỉ định nên theo mặc định, biểu đồ có phạm vi từ 0 đến 100 cho tất cả các trục.

Xin lưu ý rằng theo mặc định, các trục trên cùng và dưới cùng không hiển thị dấu kiểm theo nhãn.

Biểu đồ dạng đường có các nhãn: 0, 20, 40, 60, 80 và 100 ở bên trái và bên phải và các nhãn: 0, 25, 50, 75 và 100 ở trên và bên dưới
chxt=x,y,r,t

Bạn có thể thêm nhiều tập hợp nhãn cho mỗi trục bằng cách thêm cùng một giá trị nhiều lần. Ví dụ này cho thấy hai tập hợp trục x và hai tập hợp trục y. Điều này không đặc biệt hữu ích khi chỉ sử dụng các nhãn trục mặc định, như minh hoạ ở đây. Tuy nhiên, bạn có thể chỉ định nhãn tuỳ chỉnh cho mỗi bản sao của từng trục, bằng cách sử dụng tham số chxl.

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x />


<img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x12%


Ví dụ này cho thấy một biểu đồ thanh ngang có một trục x, một trục y, một trục t trên và một trục r bên phải.

Các nhãn trục bị bỏ qua nên API biểu đồ hiển thị một phạm vi từ 0 đến 100 cho trục x và trục t.

Phạm vi của trục y và trục r được xác định bằng số lượng thanh. Trong trường hợp này, có 5 thanh, do đó, API biểu đồ sẽ hiển thị phạm vi từ 0 đến 4. Nhãn đầu tiên được căn giữa ở đáy của thanh đầu tiên, nhãn thứ hai nằm ở giữa phần đáy của thanh thứ hai, v.v.

Biểu đồ dạng đường có các nhãn: 0, 20, 40, 60, 80 và 100 ở bên trái và bên phải và các nhãn: 0, 25, 50, 75 và 100 ở trên và bên dưới
chxt=x,y,r,t

Bạn có thể chặn các trục mặc định trong biểu đồ dạng đường bằng cách chỉ định :nda sau loại biểu đồ. Biểu đồ dạng đường có các trục bị ẩn
cht=lc:nda

Trở lại đầu trang

Phạm vi trục chxr

Bạn có thể chỉ định phạm vi các giá trị xuất hiện trên mỗi trục một cách độc lập bằng cách sử dụng tham số chxr. Xin lưu ý rằng điều này không thay đổi tỷ lệ của các thành phần biểu đồ mà chỉ thay đổi tỷ lệ của các nhãn trục. Nếu bạn muốn số trục mô tả các giá trị dữ liệu thực tế, hãy đặt <start_val> và <end_val> thành giá trị trên và dưới của phạm vi định dạng dữ liệu, tương ứng. Hãy xem bài viết Điều chỉnh tỷ lệ trục để biết thêm thông tin.

Bạn phải hiển thị một trục bằng cách sử dụng tham số chxt nếu muốn chỉ định phạm vi của trục đó.

Để chỉ định giá trị trục tuỳ chỉnh, hãy sử dụng tham số chxl.

Cú pháp

Phân tách các dải nhãn trục bằng ký tự dấu gạch đứng ( | ).

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<số_thứ_tự_của_Trục>
Trục sẽ áp dụng nhãn. Đây là chỉ mục từ 0 vào mảng trục do chxt chỉ định. Ví dụ: trục r sẽ là 1 trong chxt=x,r,y.
<start_val>
Một số, xác định giá trị thấp cho trục này.
<end_val>
Một số, xác định giá trị cao cho trục này.
<opt_step>
[Không bắt buộc] Bước đếm giữa các kim đánh dấu nhịp độ khung hình trên trục. Không có giá trị bước mặc định; bước này được tính toán để cố gắng hiển thị một tập hợp nhãn được giãn cách hợp lý.

 

Ví dụ

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

Ví dụ này cho thấy trục y bên trái và bên phải (yr) và một trục x (x).

Mỗi trục có một phạm vi xác định. Vì không có nhãn hoặc vị trí nào được chỉ định, nên các giá trị được lấy từ dải ô đã cho và được giãn cách đồng đều trong phạm vi đó. Trong biểu đồ dạng đường, các giá trị trải đều dọc theo trục x.

Hướng trục được đảo ngược đối với trục r (chỉ mục 2), vì giá trị đầu tiên (1000) lớn hơn giá trị cuối cùng (0).


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

Trong ví dụ này, các giá trị được chỉ định cho trục x.

Các nhãn của trục được giãn cách đều dọc theo trục. Giá trị năm (5) được chỉ định cho tham số <opt_step>.

Biểu đồ thanh có các số 200, 300 và 400 trên trục x chxt=x
chxr=0,10,50,5

Trở lại đầu trang

Nhãn trục tuỳ chỉnh chxl

Bạn có thể chỉ định các nhãn trục chuỗi tuỳ chỉnh trên bất kỳ trục nào bằng cách sử dụng tham số chxl. Bạn có thể chỉ định bao nhiêu nhãn tuỳ thích. Nếu bạn hiển thị một trục (sử dụng thông số chxt) và không chỉ định nhãn tuỳ chỉnh, thì các nhãn dạng số chuẩn sẽ được áp dụng. Để chỉ định phạm vi số tuỳ chỉnh, hãy sử dụng tham số chxr.

Để đặt các vị trí cụ thể dọc theo trục cho các nhãn của bạn, hãy sử dụng tham số chxp.

Cú pháp

Chỉ định một tập hợp tham số cho mỗi trục mà bạn muốn gắn nhãn. Phân tách nhiều bộ nhãn bằng cách sử dụng dấu gạch đứng ( | ).

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<số_thứ_tự_của_Trục>
Trục để áp dụng nhãn. Đây là một chỉ mục trong mảng tham số chxt. Ví dụ: nếu bạn có chxt=x,x,y,y thì chỉ mục 0 sẽ là trục x đầu tiên, 1 sẽ là trục x thứ hai.
<label_1>| ... |<nhãn_n>
Một hoặc nhiều nhãn để đặt dọc theo trục này. Đây có thể là giá trị chuỗi hoặc số; chuỗi không cần phải nằm trong dấu ngoặc kép. label_1 được hiển thị ở vị trí thấp nhất trên trục và label_n được hiển thị ở vị trí cao nhất. Các nhãn bổ sung được giãn cách đồng đều giữa những nhãn này. Biểu thị các không gian bằng dấu +. Không có cách nào để chỉ định dấu ngắt dòng trong nhãn. Phân cách các nhãn bằng dấu gạch đứng. Lưu ý: Đừng đặt dấu gạch đứng sau nhãn cuối cùng trong tham số chxl.

 

Ví dụ

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

Biểu đồ này cho biết cách thêm nhãn tùy chỉnh vào hai trục. Hãy lưu ý cách các giá trị được giãn cách đồng đều và cách giá trị chxl cuối cùng không kết thúc bằng dấu gạch đứng.

Biểu đồ dạng đường với số 0 và 100 ở bên trái, A, B và C ở bên phải, tháng 1, tháng 7, tháng 1, tháng 7, tháng 1 trên trục x và các năm 2005, 2006 và 2007 ở bên dưới
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Ví dụ này bao gồm các nhãn trục trên trục y bên trái và bên phải (yr). Dữ liệu này cũng bao gồm hai tập hợp giá trị cho trục x (x). Bạn có thể cân nhắc thêm dấu kiểm trên trục y bằng cách sử dụng chxs.

Biểu đồ dạng đường với số 0 và 100 ở bên trái, A, B và C ở bên phải, tháng 1, tháng 7, tháng 1, tháng 7, tháng 1 trên trục x và các năm 2005, 2006 và 2007 ở bên dưới
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

Ví dụ này bao gồm các nhãn trục trên trục y bên trái và bên phải (yr). Dữ liệu này cũng bao gồm hai tập hợp giá trị cho trục x (x). Hãy lưu ý rằng các nhãn trống cho tập trục x phía dưới, dùng để giãn cách các giá trị.

Ví dụ này sử dụng các giá trị mặc định cho các nhãn trục trên trục y bên trái.

Biểu đồ thanh với số 0 và 100 ở bên trái, A, B và C ở bên phải, tháng 1, tháng 7, tháng 1, tháng 7 và tháng 1 trên trục x và năm 2005, 2006 và 2007 ở bên dưới
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Nếu bạn muốn thêm nhãn chung để mô tả một trục (ví dụ: để gắn nhãn một trục là "cost" và một "student" khác), hãy sử dụng thuộc tính chxt để thêm một trục khác ở mỗi bên, sau đó sử dụng chxl để thêm một nhãn tuỳ chỉnh duy nhất vào mỗi bên và chxp để giãn cách ở giữa trục.


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Trở lại đầu trang

Vị trí nhãn trục chxp

Bạn có thể chỉ định nhãn trục nào sẽ hiển thị, cho dù bằng nhãn mặc định hay nhãn tuỳ chỉnh được chỉ định bằng chxl. Nếu bạn không chỉ định vị trí chính xác bằng tham số này, thì các nhãn sẽ được giãn cách đồng đều và theo giá trị bước mặc định dọc theo các trục. Nếu bạn không chỉ định chxl, nhãn dấu kiểm sẽ là các giá trị mặc định (thường là giá trị dữ liệu hoặc số thanh trong biểu đồ thanh).

Cú pháp

Phân tách nhiều tập hợp vị trí bằng cách sử dụng ký tự dấu gạch đứng (|).

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<số_thứ_tự_của_Trục>
Trục mà bạn đang chỉ định vị trí. Đây là một chỉ mục trong mảng tham số chxt. Ví dụ: nếu bạn có chxt=x,x,y,y thì chỉ mục 0 sẽ là trục x đầu tiên, 1 sẽ là trục x thứ hai, v.v.
<label_1_position>,...,<label_n_position>
Vị trí của nhãn dọc theo trục. Đây là danh sách các giá trị số được phân tách bằng dấu phẩy, trong đó mỗi giá trị sẽ đặt vị trí của nhãn tương ứng trong mảng chxl: mục nhập đầu tiên áp dụng cho nhãn đầu tiên, v.v. Vị trí là một giá trị trong dải_ô của trục đó. Xin lưu ý rằng giá trị này luôn từ 0 đến 100 trừ phi bạn đã chỉ định một dải ô tuỳ chỉnh bằng chxr. Bạn phải có số lượng vị trí tối đa như bạn có nhãn cho trục đó.

 

Ví dụ

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

Ví dụ này bao gồm các nhãn trục r ở các vị trí được chỉ định trên biểu đồ. Văn bản của nhãn được chỉ định bằng tham số chxl.

Các nhãn có vị trí 0 đã chỉ định được đặt ở dưới cùng của trục y hoặc r hay ở bên trái trục x hoặc trục t.

Các nhãn có vị trí 100 đã chỉ định được đặt ở đầu trục y hoặc r hay ở bên phải trục x hoặc t.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Ví dụ này minh hoạ việc hiển thị các giá trị nhãn mặc định, nhưng chỉ tại các vị trí được chỉ định.

chxp=1,10,35,75 – Trục y chỉ hiển thị ba nhãn: 10, 35 và 75. Vì không có văn bản nhãn tuỳ chỉnh nào được chỉ định nên các giá trị trục này sẽ được hiển thị. Lưu ý rằng bạn không cần phải giãn cách các nhãn cách nhau khi sử dụng chxp. Nếu chxp không được chỉ định ở đây, thì khoảng cách giá trị nhãn mặc định trên trục y sẽ là mỗi 20 đơn vị, như minh hoạ trong biểu đồ thứ hai.

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

Biểu đồ dạng đường có các vị trí trục mặc định.
chxt=x,y
chxp chưa được chỉ định

Trở lại đầu trang

Kiểu nhãn trục chxs

Bạn có thể chỉ định kích thước phông chữ, màu sắc và cách căn chỉnh cho các nhãn trục, cả nhãn tuỳ chỉnh và giá trị nhãn mặc định. Tất cả các nhãn trên cùng một trục đều có cùng định dạng. Nếu có nhiều bản sao của một trục, bạn có thể định dạng từng bản sao theo cách khác nhau. Bạn cũng có thể chỉ định định dạng của chuỗi nhãn, ví dụ như để hiển thị các ký hiệu tiền tệ hoặc số 0 ở cuối.

Theo mặc định, các trục trên cùng và dưới cùng không hiển thị dấu kiểm theo giá trị, còn trục trái và phải hiển thị các dấu kiểm.

Cú pháp

Các giá trị cho nhiều trục phải được phân tách bằng một dấu gạch đứng (|).

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
Trục áp dụng giá trị này. Đây là chỉ mục từ 0 trong tham số chxt.
<opt_format_string>
[Không bắt buộc] Đây là một chuỗi định dạng không bắt buộc mà nếu được sử dụng, thì chuỗi này sẽ theo sau ngay sau số chỉ mục trục mà không có dấu phẩy can thiệp. Thành phần này bắt đầu bằng một chữ cái N, theo sau là các giá trị sau đây, tất cả đều không bắt buộc: Cú pháp chuỗi định dạng như sau:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Sau đây là ý nghĩa của từng phần tử:
  • <preceding_text> – Văn bản cố định để đứng trước mỗi giá trị.
  • *...* – Một khối không bắt buộc được đặt trong các dấu hoa thị cố định, trong đó bạn có thể chỉ định thông tin định dạng cho các số. Các giá trị sau đây được hỗ trợ và tất cả đều không bắt buộc:
    • <number_type> – Định dạng số, cho các giá trị số. Chọn một trong các lựa chọn sau:
      • f – [Mặc định] Định dạng dấu phẩy động. Bạn cũng nên cân nhắc chỉ định độ chính xác bằng giá trị <decimal_places>.
      • p – Định dạng phần trăm. Ký hiệu % được nối tự động. Lưu ý: Khi sử dụng định dạng này, các giá trị dữ liệu từ 0 — 1,0 sẽ ánh xạ đến 0 — 100% (ví dụ: 0,43 sẽ hiển thị là 43%).
      • e – Định dạng ký hiệu khoa học.
      • c<CUR> – Định dạng số theo đơn vị tiền tệ được chỉ định, với mã đánh dấu đơn vị tiền tệ thích hợp. Thay thế <CUR> bằng mã đơn vị tiền tệ gồm ba chữ cái. Ví dụ: cEUR cho Euro. Bạn có thể tìm thấy danh sách các mã trên trang web ISO, mặc dù không phải ký hiệu nào cũng được hỗ trợ.
    • <decimal_places> – Một số nguyên xác định số lượng chữ số thập phân cần hiển thị. Giá trị được làm tròn (không bị cắt bớt) theo độ dài này. Mặc định là 2.
    • z – Hiển thị số 0 ở cuối. Mặc định là không.
    • s – Hiện các dòng phân cách nhóm. Mặc định là không.
    • x hoặc y – Hiển thị dữ liệu từ toạ độ x hoặc y, như được chỉ định. Ý nghĩa của dữ liệu x sẽ khác nhau tuỳ theo loại biểu đồ: hãy thử nghiệm với biểu đồ để xác định ý nghĩa của biểu đồ. Mặc định là "y".
  • <following_text> – Văn bản cố định để theo sau từng giá trị.
<opt_label_color>
Màu áp dụng cho văn bản trên trục (nhưng không phải màu trên đường trục), ở định dạng thập lục phân RRGGBB. Màu đường của trục được chỉ định riêng bằng opt_axis_color. Mặc định là màu xám.
<opt_font_size>
[Không bắt buộc] chỉ định kích thước phông chữ bằng pixel. Tham số này là không bắt buộc.
<opt_alignment>
[Không bắt buộc] Căn chỉnh nhãn. Đối với trục trên cùng hoặc trục dưới, phần này mô tả cách nhãn căn chỉnh với dấu kiểm ở phía trên hoặc phía dưới; đối với trục trái hoặc trục phải, phần này mô tả cách mà các căn chỉnh bên trong hộp giới hạn chạm vào trục. Hãy chỉ định một trong những số sau:
  • -1Trên cùng hoặc dưới cùng: nhãn ở bên phải kim đánh dấu nhịp độ khung hình; Trái hoặc phải: nhãn được căn trái trong khu vực. Mặc định cho nhãn trục r.
  • 0Trên cùng hoặc dưới cùng: nhãn được căn giữa trên dấu kiểm; Trái hoặc phải: nhãn được căn giữa trong khu vực của nhãn. Mặc định cho các nhãn trục x và trục t.
  • 1Trên cùng hoặc dưới cùng: nhãn ở bên trái kim đánh dấu nhịp độ khung hình; Trái hoặc phải: nhãn được căn phải trong khu vực. Mặc định cho nhãn trục y.
<opt_axis_or_tick>
[Không bắt buộc; không được hỗ trợ trong Google-o-meter] Liệu có hiển thị các dấu kiểm và/hoặc đường trục cho trục này hay không. Dấu kiểm và đường trục chỉ có sẵn cho các trục trong cùng (ví dụ: chúng không được hỗ trợ cho phần bên ngoài của 2 trục x). Hãy sử dụng một trong các giá trị sau:
  • l (chữ thường "L") – Chỉ vẽ đường trục.
  • t – Chỉ vẽ các dấu kiểm. Dấu kiểm là các đường nhỏ bên cạnh nhãn trục.
  • lt – [Mặc định] Vẽ cả đường trục và dấu kiểm cho tất cả các nhãn.
  • _ – (Dấu gạch dưới) Không vẽ đường trục cũng như dấu kiểm. Nếu bạn muốn ẩn một đường trục, hãy sử dụng giá trị này.
<tick_color>
[Không bắt buộc; không được hỗ trợ trong Google-o-meter] Màu dấu kiểm, ở định dạng thập lục phân RRGGBB. Mặc định là màu xám.
<opt_axis_color>
[Không bắt buộc] Màu của đường trục này, ở định dạng thập lục phân RRGGBB. Mặc định là màu xám.

 

Ví dụ

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

Kích thước và màu phông chữ được chỉ định cho trục x thứ hai (tháng 1, tháng 2, tháng 3).

Biểu đồ dạng đường có tối thiểu, trung bình và tối đa ở bên trái, số 0, 1, 2, 3 và 4 ở bên phải, 0 đến 100 dọc theo trục x và tháng 1, tháng 2 và tháng 3 có màu xanh lam bên dưới

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

Cỡ chữ, màu sắc và căn chỉnh được chỉ định cho trục y bên phải. Các dấu kiểm, nhưng không vẽ đường trục, sẽ được vẽ.

Biểu đồ dạng đường có từ 0 đến 100 dọc theo trục x, bên dưới là tháng 1, tháng 2, tháng 3, trục y từ 0 đến 4 và dấu kiểm màu đỏ có văn bản màu xanh dương cho giá trị tối thiểu, trung bình và tối đa ở bên phải.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

Biểu đồ này bao gồm ba tập dữ liệu và hiển thị ba tập hợp nhãn trục, mỗi tập dữ liệu cho một chuỗi. Mỗi tập hợp nhãn được định dạng bằng một chuỗi định dạng tuỳ chỉnh như mô tả dưới đây:

  • 0N*e,000000|
    • 0 có nghĩa là chuỗi dữ liệu đầu tiên
    • N có nghĩa là một chuỗi định dạng
    • * có nghĩa là điểm bắt đầu của thông số định dạng
    • e có nghĩa là ký hiệu khoa học
    • * có nghĩa là phần kết thúc của thông số định dạng
    • 000000 có nghĩa là văn bản màu đen.
  • 1N*cUSD*Mil,FF0000|
    • 1 có nghĩa là bộ sách thứ hai
    • N có nghĩa là một chuỗi định dạng
    • * có nghĩa là điểm bắt đầu của thông số định dạng
    • c có nghĩa là mã đánh dấu đơn vị tiền tệ
    • USD chỉ định đô la Mỹ làm điểm đánh dấu đơn vị tiền tệ để sử dụng
    • * có nghĩa là phần kết thúc của thông số định dạng
    • Mil là một chuỗi cố định theo sau
    • FF0000 có nghĩa là văn bản màu đỏ.
  • 2N*sz2*,0000FF
    • 2 có nghĩa là bộ sách thứ ba
    • N có nghĩa là một chuỗi định dạng
    • * có nghĩa là điểm bắt đầu của thông số định dạng
    • s có nghĩa là hiển thị các thông số nhóm (theo tiếng Anh Mỹ, đó là dấu phẩy cứ sau ba số 0)
    • z2 có nghĩa là hiển thị hai số 0 ở cuối
    • 0000FF có nghĩa là văn bản màu xanh dương.

Các phạm vi nhãn trục được đặt bằng tham số chxr (axis_index, axis_index, axis_index, axis_index). Nếu bạn không đặt chính sách này thì theo mặc định, các giá trị này sẽ từ 0 đến 100.


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

Trở lại đầu trang

Kiểu dấu đánh dấu trục chxtc

Bạn có thể chỉ định các dấu kiểm dài cho các trục cụ thể. Thường thì thuộc tính này dùng để mở rộng dấu kiểm trên độ dài của biểu đồ. Dùng tham số chxs để thay đổi màu dấu kiểm.

Bạn phải phân tách các giá trị cho nhiều trục bằng dấu gạch đứng (|). Các giá trị trong một chuỗi phải được phân tách bằng dấu phẩy.

Cú pháp

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
Trục áp dụng giá trị này. Đây là chỉ mục từ 0 trong tham số chxt. Phân tách các giá trị cho các trục khác nhau bằng dấu phân cách thanh.
<tick_length_1>,...,<tick_length_n>
Độ dài của dấu kiểm trên trục đó, tính bằng pixel. Nếu bạn cho sẵn một giá trị, thì giá trị này sẽ áp dụng cho tất cả giá trị; nếu có nhiều giá trị, các dấu kiểm trên trục sẽ xoay vòng danh sách giá trị cho trục đó. Các giá trị dương được vẽ bên ngoài vùng biểu đồ và bị cắt theo đường viền biểu đồ. Giá trị dương tối đa là 25. Các giá trị âm được vẽ bên trong vùng biểu đồ và bị cắt theo đường viền của vùng biểu đồ.

 

Ví dụ

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

Ví dụ về cách sử dụng chxtc để tạo các dấu kiểm màu đỏ dài. Chiều dài của dấu kiểm ở đây vượt quá chiều rộng của vùng biểu đồ, nhưng bị cắt để vừa với biểu đồ.

  • chxt=x,y,r,x – Hiển thị một trục trái, một trục phải và 2 trục dưới cùng.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar – Văn bản nhãn được gán cho trục "r" (bên phải) và trục x ngoài.
  • chxp=2,10,35,95 – Vị trí nhãn tuỳ chỉnh dọc theo trục r (index=2) cho ba nhãn.
  • chxs=2,0000dd,13,-1,t,FF0000 – Các kiểu nhãn trục cho trục r: màu văn bản, kích thước văn bản, căn trái, với dấu kiểm màu đỏ.
  • chxtc=1,10|2,-180 – Độ dài kim đánh dấu nhịp độ khung hình của trục y và r. Giá trị đầu tiên chỉ định các kim đánh dấu nhịp độ khung hình dài 10 pixel, bên ngoài trục. Giá trị thứ hai chỉ định kim đánh dấu nhịp độ khung hình dài 180 pixel bên trong trục; số âm có nghĩa là kim đánh dấu nhịp độ khung hình nằm bên trong trục và kim đánh dấu nhịp độ khung hình bị cắt để vừa với bên trong biểu đồ.

Biểu đồ dạng đường có từ 0 đến 100 dọc theo trục x, bên dưới là tháng 1, tháng 2, tháng 3, trục y từ 0 đến 4 và dấu kiểm dài màu đỏ với văn bản màu xanh dương cho giá trị tối thiểu, trung bình và tối đa ở bên phải.

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

Biểu đồ này minh hoạ độ dài dấu kiểm luân phiên. chxtc chỉ định hai giá trị độ dài kim đánh dấu nhịp độ khung hình cho trục y (5 và 15) và các kim đánh dấu nhịp độ khung hình được vẽ trên biểu đồ thay thế giữa hai giá trị đó.
chxt=x,y
chxtc=
  1,5,15

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

Đường lưới chg [Đường kẻ, thanh, ra đa, tán xạ]

Bạn có thể chỉ định các đường lưới đồng nhất hoặc nét đứt trên biểu đồ bằng cách sử dụng tham số chg.

Tham số này không cho phép bạn chỉ định độ dày hoặc màu của đường kẻ. Để biết thêm cách tạo đường trên biểu đồ, hãy xem điểm đánh dấu hình dạng (chm loại h, H, v hoặc V), điểm đánh dấu phạm vi (chm) và dấu kiểm trên trục (chxtc).

Cú pháp

chg=
  <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
<x_axis_step_size>, <x_axis_step_size>
Dùng để tính số đường lưới x hoặc y hiển thị trên biểu đồ. 100 / step_size = số đường lưới trên biểu đồ. Vì vậy, 20,25 có nghĩa là 5 đường lưới dọc và 4 đường lưới ngang.
<opt_dash_length>, <opt_space_length>
[Không bắt buộc] Dùng để xác định các đường lưới nét đứt. Tham số đầu tiên là độ dài của từng dấu gạch ngang đường, tính bằng pixel. Tham số thứ hai là khoảng cách giữa các dấu gạch ngang, tính bằng pixel. Chỉ định 0 cho phần <opt_space_length> cho một đường liền nét. Giá trị mặc định là 4,1.
<opt_x_offset>,<opt_y_offset>
[Không bắt buộc] Số đơn vị, theo tỷ lệ biểu đồ, để bù cho các đường lưới x và y tương ứng. Có thể là giá trị dương hoặc âm. Nếu chỉ định giá trị này, bạn cũng phải chỉ định tất cả các giá trị trước đó. Giá trị mặc định là 0,0.

 

Ví dụ

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

Những ví dụ này chỉ sử dụng các tham số <x_axis_step_size><y_axis_step_size>. Theo mặc định, API biểu đồ hiển thị một đường lưới nét đứt.

Biểu đồ dạng đường có 5 đường lưới dọc và 2 đường lưới ngang màu xám nhạt
chg=20,50
Biểu đồ dạng đường có 5 đường lưới dọc và 2 đường lưới ngang màu xám nhạt
chg=20,50

Ví dụ này sử dụng không gian lớn hơn để hiển thị các đường lưới sáng hơn (1,5).

Biểu đồ dạng đường có 5 đường lưới dọc và 2 đường kẻ ngang mờ, màu xám nhạt và đường lưới nét đứt
chg=20,50,1,5

Để hiển thị các đường lưới đồng nhất, hãy chỉ định 0 (0) cho tham số <opt_space_length>.

Biểu đồ này cũng chỉ định độ lệch trục x là 10.

Biểu đồ dạng đường có 5 đường lưới dọc và 2 đường lưới ngang màu xám nhạt và đồng nhất
chg=20,50,1,0,10

Biểu đồ này minh hoạ độ lệch trục x là 10 và độ lệch trục y là 20.

Biểu đồ dạng đường có 5 đường lưới dọc và 2 đường lưới ngang màu xám nhạt và đồng nhất
chg=20,50,3,3,10,20

Trở lại đầu trang

Kiểu đường chls [Đường kẻ, Ra đa]

Bạn có thể chỉ định độ dày của đường và kiểu liền nét/gạch ngang bằng tham số chls. Bạn chỉ có thể dùng tham số này để tạo kiểu cho các đường trong biểu đồ dạng đường hoặc biểu đồ rađa. Bạn không thể dùng tham số này để tạo kiểu cho đường trong biểu đồ phức hợp, trừ phi loại cơ sở của biểu đồ phức hợp là biểu đồ dạng đường.

Cú pháp

Phân tách nhiều kiểu dòng bằng ký tự dấu sổ thẳng ( | ); kiểu đầu tiên áp dụng cho dòng đầu tiên, kiểu thứ hai áp dụng cho dòng tiếp theo, v.v. Nếu bạn có ít kiểu hơn dòng, kiểu mặc định sẽ được áp dụng cho tất cả các dòng chưa chỉ định.

chls=
  <line_1_thickness>,<opt_dash_length>,<opt_space_length>
    |...|
  <line_n_thickness>,<opt_dash_length>,<opt_space_length>
<line_1_thickness>
Độ dày của đường thẳng, tính bằng pixel.
<opt_dash_length>, <opt_space_length>
[Không bắt buộc] Dùng để xác định các đường lưới nét đứt. Tham số đầu tiên là độ dài của từng dấu gạch ngang đường, tính bằng pixel. Tham số thứ hai là khoảng cách giữa các dấu gạch ngang, tính bằng pixel. Đối với một đường liền nét, không chỉ định giá trị nào. Nếu bạn chỉ chỉ định <opt_dash_length>, thì <opt_space_length> sẽ được đặt thành <opt_dash_length>. Mặc định là 1,0 (một đường liền nét).

 

Ví dụ

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

Ở đây, đường đứt nét được chỉ định bởi 3,6,3 và đường liền nét dày hơn được chỉ định bằng 5.

Biểu đồ dạng đường có một đường liền nét và một đường nét đứt
chls=3,6,3|5

Trở lại đầu trang

Điểm đánh dấu biểu tượng động chem [Thanh, Đường kẻ, Ra-đa, Tán xạ]

Tạo biểu đồ và chỉ định một hoặc nhiều biểu tượng động làm giá trị chem. Cú pháp của chem như sau. Tất cả các mục được phân tách bằng dấu chấm phẩy màu tím là không bắt buộc và bạn có thể bỏ qua hoàn toàn bất kỳ mục nào trong URL. Bạn có thể đưa vào nhiều mã đánh dấu bằng cách thêm nhiều chuỗi cú pháp được phân tách bằng ký tự |. Bạn có thể đọc thêm về biểu tượng động trên trang biểu tượng động.

Bạn cũng có thể nhúng một biểu đồ bên trong một biểu đồ khác dưới dạng biểu tượng động. Hãy xem tiểu mục Biểu đồ được nhúng bên dưới.

chem=
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
s=<icon_string_constant>
Một hằng số đánh dấu chuỗi cho một biểu tượng động, trên trang biểu tượng động. Hằng số này gần giống với tham số chst đối với các biểu tượng độc lập. Tuy nhiên, trong trường hợp chuỗi biểu tượng độc lập bắt đầu bằng "d_", bạn nên xoá tiền tố đó để có được điểm đánh dấu biểu tượng động tương đương. Ví dụ: biểu tượng đứng riêng: d_bubble_icon_text_small ; điểm đánh dấu biểu tượng động tương đương: bubble_icon_text_small.
d=<marker_data_string> (chuỗi dữ liệu điểm đánh dấu > điểm đánh dấu)
Dữ liệu cần thiết cho loại điểm đánh dấu cụ thể này. Thao tác này giữ cùng một chuỗi sẽ được dùng trong tham số chld cho một biểu tượng độc lập tương đương, ngoại trừ rằng tất cả các dấu phân cách phải được thay thế bằng dấu phẩy (hãy nhớ sử dụng dấu phẩy thay vì dấu gạch đứng cho văn bản nhiều dòng!). Xin lưu ý rằng trong chuỗi dữ liệu, bạn cũng phải thoát các ký tự sau bằng dấu @: dấu sổ thẳng ( | ) , tại ( @ ) , dấu bằng ( = ), dấu phẩy ( , ), dấu chấm phẩy ( ; ). Ví dụ: hello@,+world, 5@@10+cents+each.
ds=<which_series>
[Không bắt buộc] Chỉ mục bắt đầu từ 0 của chuỗi dữ liệu chứa điểm đánh dấu này. Giá trị mặc định là 0.
dp=<which_points>
[Không bắt buộc] Chỉ định các điểm dữ liệu dùng để vẽ điểm đánh dấu. Giá trị mặc định là 0 (điểm đầu tiên trong chuỗi). Sử dụng một trong những định dạng sau:
  • n.d – Điểm dữ liệu nào cần vẽ điểm đánh dấu, trong đó n.d là chỉ mục gốc 0 trong chuỗi. Nếu bạn chỉ định một giá trị không phải là số nguyên, thì phân số sẽ cho biết điểm trung gian đã tính. Ví dụ: 3, 5 có nghĩa là một nửa giữa điểm 3 và điểm 4.
  • range,<start>,<end>,<step> – Vẽ một điểm đánh dấu trên từng điểm dữ liệu bước trong một phạm vi từ bắt đầu đến kết thúc, bao gồm cả điểm bắt đầu và kết thúc. Điểm bắt đầu và kết thúc là các giá trị chỉ mục và có thể là số dấu phẩy động để cho biết các giá trị trung gian. Tất cả các giá trị đều không bắt buộc; giá trị mặc định là: start=0, end=cuối cùng, step=1. Nếu bỏ qua một giá trị, bạn vẫn phải thêm mọi dấu phẩy trung gian, nhưng không được dùng dấu phẩy trống ở cuối. Ví dụ: dp=range,0,4 vẽ một điểm đánh dấu trên các phần tử từ 0 đến 4; dp=range,5,10,2 vẽ một điểm đánh dấu trên các phần tử 5, 7 và 9; dp=range,2 vẽ một điểm đánh dấu trên điểm thứ ba trở lên; dp=range,3,,1.5 vẽ một điểm đánh dấu trên mỗi 1, 5 điểm dữ liệu từ mục thứ tư đến mục cuối cùng.
  • all – Vẽ điểm đánh dấu trên từng phần tử. Giá trị này tương đương với range,0,end_index. Ví dụ: dp=all
  • every,n – Vẽ một điểm đánh dấu trên mỗi điểm đánh dấu thứ n. Ví dụ: dp=every,2 vẽ một điểm đánh dấu trên các mục 0, 2 và 4.
py=<z_order>
[Không bắt buộc] Lớp để vẽ điểm đánh dấu, so với các điểm đánh dấu khác và tất cả các thành phần khác của biểu đồ. Đây là một số dấu phẩy động từ -1.0 đến 1.0, trong đó -1.0 là đáy và 1.0 là đỉnh. Các thành phần trên biểu đồ (đường và thanh) ở ngay dưới 0. Nếu hai mã đánh dấu có cùng giá trị, thì chúng sẽ được vẽ theo thứ tự do URL chỉ định. Giá trị mặc định là 0 (ngay phía trên các thành phần trong biểu đồ).
po=<x,y>
[Không bắt buộc] Một vị trí tuyệt đối trên biểu đồ để vẽ điểm đánh dấu. x và y là hai số thực, trong đó 0,0,0.0 là góc dưới cùng bên trái và 1,0,1.0 là góc trên cùng bên phải.
of=<x_offset,y_offset>
[Không bắt buộc] Số pixel để bù trừ cho biểu tượng so với vị trí bình thường của biểu tượng. x_offsety_offset là số nguyên dương hoặc âm. Điều quan trọng là bạn phải chỉ định giá trị này trong một biểu tượng động được nhúng, vì điểm đánh dấu sẽ được căn giữa theo chiều dọc và chiều ngang tại điểm, có nghĩa là điểm đó có thể sẽ không thẳng hàng với điểm đánh dấu dữ liệu. Độ lệch phù hợp cho ghim thẳng đứng là of=0,22; độ bù trừ phù hợp cho ghim nghiêng là of=-12,20 hoặc of=12,20 tuỳ thuộc vào hướng của đường xiên, nhưng bạn có thể phải thử nghiệm. Giá trị mặc định là 0,0.

 

Ví dụ

Nội dung mô tả Ví dụ:
Sau đây là ví dụ về cùng một biểu tượng động được tạo dưới dạng một hình ảnh độc lập và được dùng làm điểm đánh dấu trong biểu đồ dạng đường.

Biểu đồ 1: https://chart.googleapis.com/chart?chs=300x140&cht=lc&chco=FF9900,224499&
chd=t:75,74,66,30,10,5,3,1&chls=1|1&
chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0&chm=v,ccccFF,0,::.2,2

Biểu đồ 2: https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

Biểu đồ dạng đường có điểm đánh dấu biểu tượng động.
chem=
  y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0


Cùng một điểm đánh dấu biểu tượng động như hình ảnh độc lập.


chst=
  d_bubble_icon_text_small
chld=
  ski|bb|Wheeee!|FFFFFF|000000

Lưu ý rằng một điểm đánh dấu biểu tượng động sẽ được căn giữa trên điểm theo chiều ngang và chiều dọc. Vì vậy, nếu bạn sử dụng biểu tượng động có đuôi, thì đuôi sẽ không nằm trên điểm biểu đồ; điểm đánh dấu sẽ hiển thị ở giữa. Biểu đồ đầu tiên đặt dấu ở giữa điểm dữ liệu 3. Trên thực tế, phần đuôi nằm hơi về bên phải của điểm trên đường kẻ.

Biểu đồ thứ hai sử dụng giá trị of để di chuyển đuôi của điểm đánh dấu lên trên điểm dữ liệu mong muốn. Độ lệch tốt cho một ghim nghiêng là -12,20.


chem=y;
  s=map_xpin_letter;
  d=pin_sleft,A,FF0000;
  dp=3;
  ds=1



chem=y;
  s=map_xpin_letter;
  d=pin_sleft,A,FF0000;
  dp=3;
  ds=1;
  of=-12,0

Để đưa vào nhiều biểu tượng động, hãy lặp lại chuỗi cú pháp, được phân tách bằng ký tự |.

Ví dụ này hiển thị một dải ô cũng như hai điểm đánh dấu riêng lẻ.

Hãy lưu ý cách các ghim dọc có độ lệch bằng 0,22 và ghim nghiêng có độ lệch là 12,20 để giúp các điểm ghim khớp với chuỗi mà chúng mô tả.


chem=
  y;s=map_xpin_letter;d=pin_sright,A,FF0000;dp=4;ds=0;py=1;of=12,20|
  y;s=map_pin_icon;d=baby,FF5555;ds=1;dp=6;of=0,22|
  y;s=map_pin_icon;d=camping,DEF763;ds=2;dp=range,2,5
Điều này minh hoạ một điểm đánh dấu văn bản nhiều dòng. Điểm đánh dấu phải được bù trừ sau khi thêm văn bản, vì bong bóng sẽ đổi kích thước để vừa với văn bản, khiến văn bản được căn giữa lại trên biểu đồ. Hãy lưu ý cách biểu thị các dòng mới trong văn bản bằng dấu phẩy trong chuỗi dữ liệu d.
chem=y;
  s=bubble_texts_big;
  d=bbbr,FFC6A5,000000,Outlier,Forgot+to+feed;
  ds=0;
  dp=13;
  of=-120,2

Biểu đồ được nhúng

Bạn có thể nhúng một biểu đồ vào trong một biểu đồ khác bằng cú pháp biểu tượng động.

Có hai kiểu điểm đánh dấu biểu đồ được nhúng: biểu đồ được nhúng trong một bong bóng và biểu đồ được nhúng không có bong bóng. Dưới đây là ví dụ về cả hai cách:

Biểu đồ không có bong bóng
Biểu đồ có bong bóng
Biểu đồ không có bong bóng

Dưới đây là thông tin cụ thể về các tham số s=<icon_string_constant>;d=<marker_data_string>, cho cả biểu đồ không phải bong bóng trò chuyện và biểu đồ được nhúng bong bóng trò chuyện (các tham số được đề cập ở trên không được mô tả lại ở đây):

Cú pháp

Non-bubble:
  chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>

Bubble:
  chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
alignment_string
[Chỉ không có bong bóng] Phần nào của biểu đồ nhúng không có bong bóng được ghim vào điểm dữ liệu. Chọn một trong các hằng số chuỗi gồm hai chữ cái trong sơ đồ sau:Chuỗi căn chỉnh
chart_data
Dữ liệu cho biểu đồ dạng nhúng. Đây là mọi nội dung sau https://chart.googleapis.com/chart? trong URL của biểu đồ cần nhúng. Hãy sử dụng công cụ bên dưới hoặc làm theo các quy tắc được liệt kê bên dưới công cụ.
frame_type
[Chỉ bong bóng] Một trong các hằng số kiểu khung của biểu tượng động.
padding
[Chỉ bong bóng] Khoảng đệm bên trong bong bóng, tính bằng pixel.
frame_color
[Chỉ bong bóng] Màu của khung, dưới dạng chuỗi màu HTML gồm sáu chữ số không có dấu #. Ví dụ: FF00FF.
fill_color
[Chỉ bong bóng] Màu nền bong bóng, dưới dạng chuỗi màu HTML gồm sáu chữ số không có dấu #. Ví dụ: FF00FF.

Dữ liệu biểu đồ đã nhúng

Hãy sử dụng công cụ chuyển đổi sau để tạo chuỗi biểu đồ hoặc tạo chuỗi biểu đồ theo cách thủ công theo các quy tắc đưa ra sau công cụ này.

Quy tắc chuyển đổi thủ công

1. Trước tiên, hãy thay thế tất cả các ký tự sau đây trong cặp thông số và giá trị bằng các giá trị sau theo thứ tự hiển thị:

Thay thế Bằng nội dung này
%7C hoặc %7c
|
@
@@
%
%25
,
@,
|
@|
;
@;
%26
=
%3D

2. Sau đó, hãy thay thế tất cả giá trị &= trong các cặp parameter1=value1&parameter2=value2... bằng dấu phẩy.

Trở lại đầu trang

Dòng lấp đầy chm [Đường kẻ, Radar]

Bạn có thể tô màu đồng nhất vào vùng bên dưới đường dữ liệu.

Bạn có thể kết hợp các màu nền với bất kỳ tham số chm nào khác bằng cách sử dụng dấu gạch đứng ( | ) để phân tách các tham số chm.

Cú pháp

chm=
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
    |...|
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
<b_or_B>
Liệu sẽ điền vào cuối biểu đồ hay chỉ điền vào dòng dưới tiếp theo.
  • B – Điền từ <start_line_index> đến cuối biểu đồ. <end_line_index> hỗ trợ một cú pháp đặc biệt để cho phép bạn điền vào một phân đoạn của biểu đồ. Cách này dễ nhất nếu bạn có biểu đồ chỉ có một dòng mà bạn muốn điền.
  • b – Điền vào giữa hai đường trong biểu đồ nhiều đường. Đường bắt đầu và đường kết thúc được biểu thị bằng <start_line_index><end_line_index>.
<color>
Một số thập lục phân ở định dạng RRGGBB của màu nền.
<start_line_index>
Chỉ mục của dòng mà tại đó mục màu nền bắt đầu. Chuỗi dữ liệu đầu tiên được chỉ định trong chd có chỉ mục bằng 0 (0), chuỗi dữ liệu thứ hai có chỉ mục là 1, v.v.
<end_line_index>
  • Loại tô 'b' – Dòng ngừng điền. Dòng này phải nằm dưới dòng hiện tại.
  • Loại điền "B" – Một trong các lựa chọn sau:
    • giá trị bất kỳ – Mọi số đơn lẻ trong tham số này đều bị bỏ qua và dữ liệu điền sẽ đi từ dòng được chỉ định đến phần đáy của biểu đồ
    • start:end – Để tô một lát dọc bên dưới biểu đồ, hãy chỉ định start:end, trong đó, đây là các chỉ mục điểm dữ liệu mô tả nơi bắt đầu và dừng điền. Cả hai đều không bắt buộc và được đặt mặc định là first_point:last_point (điểm cuối cùng). (Xem ví dụ bên dưới.)
<0>
Đặt trước — phải bằng 0.

 

Ví dụ

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

Đối với một chuỗi dữ liệu, cách đơn giản nhất là sử dụng chm=B. Thao tác này sẽ lấp đầy toàn bộ vùng bên dưới dòng.

Đây là loại vùng lấp đầy duy nhất có sẵn cho biểu đồ rađa. chm=b không hoạt động với biểu đồ rađa.


chm=B,76A4FB,0,0,0

Đây là biểu đồ có 2 đường và 2 màu nền. Bạn cần thực hiện một kỹ thuật đặc biệt để điền vào vùng dưới dòng dưới cùng và trên dòng trên cùng. Bạn sẽ thấy thao tác này trong phần tiếp theo.


chd=s:
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,

chm=
b,224499,0,1,0| (xanh dương)
b,FF0000,1,2,0| (đỏ)

Trong biểu đồ nhiều đường, để điền từ đầu biểu đồ đến dòng đầu tiên, hãy thêm một chuỗi chứa 2 bản sao của giá trị dữ liệu cao nhất cho định dạng dữ liệu. Ví dụ: "...." để mã hoá mở rộng, "100,100" để định dạng văn bản cơ bản, v.v. Điền từ chuỗi này đến dòng trên cùng.

Để điền từ dòng cuối cùng đến cuối biểu đồ, hãy thêm một chuỗi có chứa 2 bản sao của giá trị dữ liệu thấp nhất cho định dạng dữ liệu. Ví dụ: AAAA để mã hoá mở rộng, 0,0 cho định dạng văn bản cơ bản, v.v.

Các đường kẻ được vẽ bằng màu đen bằng chco.

Ba đường trên một biểu đồ; biểu đồ được tô màu xanh lục từ dòng dưới đến dòng đầu tiên, màu đỏ từ dòng thứ nhất đến dòng thứ hai, màu xanh dương đậm từ dòng thứ hai đến dòng thứ ba và màu xanh lam nhạt từ dòng thứ ba lên đầu biểu đồ
chd=e:
  ....,
(giá trị cao nhất)
  cefhjkqwrlgYcfgc,
  QSSVXXdkfZUMRTUQ,
  HJJMOOUbVPKDHKLH,
  AAAA
(giá trị bằng 0)
chm=
  b,76A4FB,0,1,0|
(xanh lam nhạt)
  b,224499,1,2,0| (xanh dương)
  b,FF0000,2,3,0| (đỏ)
  b,80C65A,3,4,0 (xanh lục)
chco=000000

Đây là biểu đồ dạng đường có các lát màu nền dọc. Bạn có thể thực hiện việc này bằng cách chỉ định cặp start:end cho <end_line_index> với loại điền dòng là "B".

  • B,76A4FB,0,0:3,0 – Màu xanh dương lấp đầy theo chiều dọc dưới dòng 0, bị giới hạn bởi các điểm dữ liệu từ 0 đến 3.
  • B,990000,0,7:10,0 – Màu đỏ tô dọc dưới dòng 0, giới hạn bởi các điểm dữ liệu từ 7 đến 10.
  • B,DEDC06,0,12:,0 – Điền dọc màu vàng dưới dòng 0, từ điểm dữ liệu 12 đến cuối chuỗi.

chm=
  B,76A4FB,0,0:3,0|
  B,990000,0,7:10,0|
  B,DEDC06,0,12:,0

Ví dụ này cho thấy cách sử dụng màu nền trên biểu đồ rađa.

Biểu đồ rađa
chm=
  B,FF000080,0,1.0,5.0|
  B,FF990080,1,1.0,5.0

Trở lại đầu trang

Điểm đánh dấu hình dạng chm [Thanh, Đường kẻ, Rađa, Tán xạ]

Bạn có thể chỉ định điểm đánh dấu dạng đồ hoạ cho tất cả hoặc từng điểm dữ liệu trên biểu đồ. Nếu hai điểm đánh dấu trở lên chiếm cùng một điểm, thì các điểm đánh dấu sẽ được vẽ theo thứ tự xuất hiện trong tham số chm. Bạn cũng có thể tạo điểm đánh dấu văn bản trên các điểm dữ liệu. Điều này được đề cập trong Điểm đánh dấu điểm dữ liệu.

Bạn có thể kết hợp điểm đánh dấu hình dạng với bất kỳ tham số chm nào khác bằng cách sử dụng dấu gạch đứng ( | ) để phân tách các tham số chm.

Cú pháp

Hãy chỉ định một tập hợp các thông số sau cho mỗi chuỗi được đánh dấu. Để đánh dấu nhiều bộ sách, hãy tạo thêm các bộ tham số được phân tách bằng ký tự dấu gạch đứng. Bạn không cần đánh dấu tất cả các bộ sách. Nếu bạn không gán điểm đánh dấu cho một chuỗi dữ liệu, thì chuỗi đó sẽ không nhận được bất kỳ điểm đánh dấu nào.

Điểm đánh dấu hình dạng hoạt động hơi khác trong biểu đồ tán xạ. Hãy xem tài liệu đó để biết thêm thông tin.

chm=
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
    |...|
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
@
[Không bắt buộc] Nếu trước loại điểm đánh dấu có ký tự @ (không bắt buộc), thì bạn nên dùng định dạng x:y <opt_ which_points>.
<points_type>
Loại điểm đánh dấu sử dụng. Hãy chỉ định một trong các loại sau:
  • a – Mũi tên
  • c – Chéo
  • C – Hình chữ nhật. Nếu là một điểm đánh dấu hình chữ nhật, bạn phải có ít nhất hai chuỗi dữ liệu, trong đó chuỗi dữ liệu 0 chỉ định cạnh dưới và chuỗi dữ liệu 1 chỉ định cạnh trên. <size> chỉ định chiều rộng của hình chữ nhật, tính bằng pixel.
  • d – Kim cương
  • E – Điểm đánh dấu thanh lỗi ( ) Điểm đánh dấu này cần tạo hai chuỗi dữ liệu, một giá trị cho đáy và điểm tương ứng trong chuỗi thứ hai cho phía trên cùng. Thành phần này cũng hiển thị cú pháp <size> mở rộng: line_thickness[:top_and_bottom_width], trong đó top_and_bottom_width là không bắt buộc. Xem các ví dụ bên dưới.
  • h – Đường ngang trên biểu đồ tại một chiều cao được chỉ định. (Định dạng hợp lệ duy nhất cho tham số <opt_which_points> là opt_which_points.)
  • H – Đường ngang qua điểm đánh dấu dữ liệu được chỉ định. Tính năng này hỗ trợ cú pháp <size> mở rộng cho phép bạn chỉ định độ dài chính xác của dòng: line_thickness[:length], trong đó :length là không bắt buộc và mặc định là chiều rộng của toàn bộ biểu đồ.
  • o – Vòng tròn
  • s – Hình vuông
  • v – Đường thẳng đứng từ trục x đến điểm dữ liệu
  • V – Đường kẻ dọc có độ dài có thể điều chỉnh. Thao tác này hỗ trợ cú pháp giá trị <size> mở rộng cho phép bạn chỉ định độ dài dòng chính xác: line_thickness[:length], trong đó :length là không bắt buộc và mặc định là chiều cao đầy đủ của vùng biểu đồ. Điểm đánh dấu được căn giữa trên điểm dữ liệu.
  • x – X
<color>
Màu của điểm đánh dấu cho chuỗi này, ở định dạng thập lục phân RRGGBB.
<series_index>
Chỉ mục (bắt đầu đếm từ 0) của chuỗi dữ liệu để vẽ điểm đánh dấu. Bỏ qua các điểm đánh dấu và điểm đánh dấu h chỉ định vị trí theo vị trí x/y (bắt đầu bằng ký tự @). Bạn có thể sử dụng chuỗi dữ liệu ẩn làm nguồn cho điểm đánh dấu; xem Biểu đồ kết hợp để biết thêm thông tin. Biểu đồ thanh dọc phân theo nhóm hỗ trợ một cú pháp mở rộng đặc biệt để căn chỉnh điểm đánh dấu với các thanh cụ thể.
<opt_which_points>
[Không bắt buộc] (Các) điểm cần vẽ điểm đánh dấu. Mặc định là tất cả mã đánh dấu. Hãy sử dụng một trong các giá trị sau:
  • n.d – Nơi vẽ điểm đánh dấu. Ý nghĩa tuỳ thuộc vào loại điểm đánh dấu:
    • Tất cả các loại ngoại trừ h – Điểm dữ liệu nào để vẽ điểm đánh dấu, trong đó n.d là chỉ mục bắt đầu từ 0 trong chuỗi. Nếu bạn chỉ định một giá trị không phải là số nguyên, thì phân số này sẽ cho biết điểm trung gian đã tính. Ví dụ: 3, 5 có nghĩa là giữa điểm 3 và điểm 4.
    • h – Một số từ 0 đến 1, trong đó 0.0 là phần dưới cùng của biểu đồ và 1.0 là phần đầu của biểu đồ.
  • -1 – Vẽ điểm đánh dấu trên tất cả các điểm dữ liệu. Bạn cũng có thể để trống tham số này để vẽ trên mọi điểm dữ liệu.
  • -n – Vẽ một điểm đánh dấu trên mỗi điểm dữ liệu thứ n. Giá trị dấu phẩy động; nếu n nhỏ hơn 1, biểu đồ sẽ tính thêm các điểm trung gian cho bạn. Ví dụ: -0,5 sẽ đặt số lượng điểm đánh dấu gấp đôi so với các điểm dữ liệu.
  • start:end:n – Vẽ một điểm đánh dấu trên mỗi điểm dữ liệu thứ n trong một dải ô, từ giá trị chỉ mục bắt đầu đến giá trị chỉ mục kết thúc (tính cả 2 giá trị này). Tất cả các tham số đều không bắt buộc (có thể không có), vì vậy 3::1 sẽ là từ phần tử thứ tư đến bước cuối cùng, bước 1 và việc bỏ qua tham số này hoàn toàn sẽ mặc định là first:last:1. Tất cả các giá trị đều có thể là số thực. start (bắt đầu) và end (kết thúc) có thể là số âm để đếm ngược từ giá trị cuối cùng. Nếu cả startend đều có giá trị âm, hãy đảm bảo các giá trị đó được liệt kê theo giá trị tăng dần (ví dụ: -6:-1:1). Nếu giá trị bước n nhỏ hơn 1, thì giá trị này sẽ tính thêm các điểm dữ liệu bằng cách nội suy các giá trị dữ liệu đã cho. Giá trị mặc định là first:last:1
  • x:y – Vẽ điểm đánh dấu tại một điểm x/y cụ thể trên biểu đồ. Điểm này không nhất thiết phải nằm trên một đường. Hãy thêm ký tự @ trước loại mã đánh dấu để sử dụng tuỳ chọn này. Chỉ định toạ độ dưới dạng giá trị dấu phẩy động, trong đó 0:0 là góc dưới cùng bên trái của biểu đồ và 1:1 là góc trên cùng bên phải của biểu đồ. Ví dụ: để thêm một hình thoi màu đỏ có 15 pixel vào giữa biểu đồ, hãy sử dụng @d,FF0000,0,0.5:0.5,15.
<size>
Kích thước của điểm đánh dấu, tính bằng pixel. Hầu hết đều lấy một giá trị số duy nhất cho tham số này; các điểm đánh dấu V, H và S hỗ trợ cú pháp <size>[:width], trong đó phần thứ hai không bắt buộc chỉ định độ dài của dòng hoặc điểm đánh dấu.
<opt_z_order>
[Không bắt buộc] Lớp để vẽ điểm đánh dấu, so với các điểm đánh dấu khác và tất cả các thành phần khác của biểu đồ. Đây là một số thực dấu phẩy động từ -1.0 đến 1.0, trong đó -1.0 là giá trị dưới cùng và 1.0 là giá trị trên cùng. Các thành phần trên biểu đồ (đường và thanh) chỉ nhỏ hơn 0. Nếu hai mã đánh dấu có cùng giá trị, thì chúng sẽ được vẽ theo thứ tự do URL chỉ định. Giá trị mặc định là 0 (ngay phía trên các thành phần trong biểu đồ).
<opt_offset>
[Không bắt buộc] Cho phép bạn chỉ định độ dời theo chiều ngang và chiều dọc so với vị trí đã chỉ định. Dưới đây là cú pháp, sử dụng dấu phân cách : reserved:<horizontal_offset>:<vertical_offset>. Nếu được chỉ định, bạn có thể bao gồm một giá trị ,, trống trong chuỗi tham số chm cho <opt_z_order>. Ví dụ: o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
  • dành riêng – Để trống.
  • <horizontal_offset> – Số dương hoặc âm xác định độ dời theo chiều ngang, tính bằng pixel. Không bắt buộc; để trống nếu không sử dụng.
  • <vertical_offset> – Số dương hoặc âm chỉ định độ lệch dọc, tính bằng pixel. Không bắt buộc; để trống nếu không sử dụng.

 

Ví dụ

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

Dưới đây là ví dụ về một số điểm đánh dấu hình dạng và đường kẻ.

  • a,990066,0,0.0,9.0 – Mũi tên tím, loạt đầu tiên, điểm đầu tiên, kích thước 9.
  • c,FF0000,0,1.0,20.0 – Chữ thập đỏ, chuỗi thứ nhất, điểm thứ hai, kích thước 9.
  • d,80C65A,0,2,20.0 – Hình thoi màu xanh lục, chuỗi đầu tiên, điểm thứ ba, kích thước 9.
  • H,000000,0,3,1:40 – Đường ngang màu đen, chuỗi đầu tiên, điểm dữ liệu 3, rộng một pixel, dài 40 pixel.
  • o,FF9900,0,4.0,12.0 – Vòng tròn màu cam, dãy đầu tiên, điểm thứ năm, kích thước 12.
  • s,3399CC,0,5.0,11.0 – Hình vuông màu xanh dương, chuỗi đầu tiên, điểm thứ sáu, kích thước 11.
  • v,BBCCED,0,6.0,1.0 – Đường thẳng dọc hướng lên đến điểm, điểm loạt đầu tiên, điểm thứ bảy, chiều rộng 1 pixel.
  • V,3399CC,0,7.0,1.0 – Đường dọc từ dưới lên trên biểu đồ, chuỗi đầu tiên, điểm thứ tám, chiều rộng 1 pixel.
  • x,FFCC33,0,8.0,20.0 – Chữ "X" màu vàng, loạt sách đầu tiên, điểm thứ 9, kích thước 20.
  • H,FFFF00,0,9,2 – Đường kẻ ngang màu vàng theo chiều rộng của biểu đồ tại điểm dữ liệu 9.
  • h,FF0000,0,0.5,1 – Đường ngang màu đỏ ở chiều cao được chỉ định, chuỗi đầu tiên, ở giữa biểu đồ, rộng một pixel.
Biểu đồ dạng đường có điểm đánh dấu
chm=
  a,990066,0,0.0,9.0|
  c,FF0000,0,1.0,20|
  d,80C65A,0,2.0,20.0|
  H,000000,0,3,1:40|
  o,FF9900,0,4.0,12.0|
  s,3399CC,0,5.0,11.0|
  v,BBCCED,0,6,1.0|
  V,3399CC,0,7,1.0|
  x,FFCC33,0,8,20|
  H,FFFF00,0,9,2|
  h,FF0000,0,0.5,1

Dưới đây là ví dụ về cách sử dụng hình thoi cho một chuỗi dữ liệu và hình tròn cho chuỗi dữ liệu còn lại.

Nếu hai điểm đánh dấu trở lên chiếm cùng một điểm, thì các điểm đánh dấu sẽ được vẽ theo thứ tự xuất hiện trong tham số chm. Ở đây, vòng tròn là điểm đánh dấu đầu tiên được chỉ định bằng chm, vì vậy vòng tròn này sẽ được vẽ trước tiên. Hình thoi được chỉ định và vẽ thứ hai, do đó, hình thoi sẽ được vẽ trên đầu vòng tròn.

Biểu đồ dạng đường, một đường có 15 hình tròn pixel trên mỗi điểm dữ liệu, đường còn lại có 10 hình thoi pixel. Một hình thoi được vẽ trên điểm chung của cả hai đường thẳng
chm=
  o,FF9900,0,-1,15.0|
  d,FF0000,1,-1,10.0

Đây là biểu đồ dạng đường có điểm đánh dấu trên mỗi điểm dữ liệu thứ hai (-2 có nghĩa là mỗi điểm khác).

Biểu đồ dạng đường có điểm đánh dấu ở từng điểm thứ hai
chd=t:
  0,20,20,50,40,70,70,90,85,45,40,50
chm=
  o,0066FF,0,-2,6
Đây là biểu đồ dạng đường có số điểm đánh dấu gấp đôi so với điểm dữ liệu (-0,5 nghĩa là mỗi nửa điểm). Biểu đồ dạng đường có điểm đánh dấu ở từng điểm thứ hai
chd=t:
  0,20,20,50,40,70,70,90,85,45,40,50
chm=
  o,0066FF,0,-.5,6
Ví dụ này cho biết cách sử dụng mã đánh dấu hv để tạo các đường lưới có màu sắc và độ dày tuỳ chỉnh. Giá trị thứ tự z (giá trị cuối cùng) được đặt thành -1 để các đường lưới được vẽ bên dưới đường dữ liệu.
Biểu đồ dạng đường có điểm đánh dấu ở từng điểm thứ hai
chm=
  h,76A4FB,0,0:1:.2,2,-1|
  V,76A4FB,0,::2,0.5,-1

Biểu đồ này thêm các đường tô màu dọc vào biểu đồ dạng đường:

  • v – Các đường dọc dẫn đến biểu đồ
  • FF0000 – Đường màu đỏ
  • 0 – Chỉ mục của bộ sách
  • : :.5 – Thông số phạm vi: từ đầu đến cuối, mỗi 0,5 điểm.
  • 2 – Độ dày 2 pixel.
Biểu đồ dạng đường có điểm đánh dấu ở từng điểm thứ hai
chm=
  v,FF0000,0,::.5,2
Ví dụ này sẽ thêm một mũi tên và điểm đánh dấu văn bản vào biểu đồ bằng cách sử dụng các toạ độ chính xác. Điểm đánh dấu D đầu tiên là đường dấu vết bên dưới các thanh. Điểm đánh dấu thứ hai là dấu mũi tên, và điểm đánh dấu thứ ba là văn bản mũi tên.
chm=
  D,003971,1,0,3|
  @a,000000,0,.25:.75,7|
  @tExpected,000000,0,.35:.85,10
Đường ngang cố định với một điểm dữ liệu cụ thể (H) có thể hữu ích khi hiển thị các giá trị tương đối hoặc nhấn mạnh chiều cao của giá trị dữ liệu trên biểu đồ.
chm=H,FF0000,0,18,1

Biểu đồ này minh hoạ các điểm đánh dấu có thể chỉ định độ dày và độ dài của đường trong tham số <size>.

  • E,000000,0,6,1:20 – Thanh lỗi màu đen với các đường rộng 1 pixel, thanh trên cùng và dưới cùng dài 20 pixel. Dưới cùng được liên kết với chuỗi 0 8, trên cùng được liên kết với chuỗi 1 điểm 8.
  • H,990066,1,2,5:50 – Đường kẻ ngang màu tím, rộng 5 pixel, dài 50 pixel nằm ở giữa điểm dữ liệu 2.
  • V,3399CC,0,8,3:50– Đường kẻ màu xanh dương, rộng 3 pixel, dài 50 pixel, nằm ở giữa điểm dữ liệu 8.
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,CV:50%,
chm=
  E,000000,0,6,1:20|
  H,990066,1,2,5:50|
  V,3399CC,0,8,3:50

Trở lại đầu trang

Điểm đánh dấu giá trị văn bản và dữ liệu chm [Bar, Line, Radar, Scatter]

Bạn có thể gắn nhãn cho các điểm cụ thể trên biểu đồ bằng văn bản tuỳ chỉnh hoặc bằng các phiên bản dữ liệu được định dạng tại điểm đó.

Bạn có thể kết hợp mọi mã đánh dấu chm bằng cách sử dụng dấu gạch đứng ( | ) để phân tách các bộ tham số chm.

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

Hãy chỉ định một tập hợp các thông số sau cho mỗi chuỗi được đánh dấu. Để đánh dấu nhiều chuỗi dữ liệu, hãy tạo thêm các tập hợp tham số được phân tách bằng dấu gạch đứng. Bạn không cần đánh dấu tất cả các bộ sách. Nếu bạn không gán điểm đánh dấu cho một chuỗi dữ liệu, thì chuỗi đó sẽ không nhận được bất kỳ điểm đánh dấu nào.

chm=
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
    |...|
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
<points_type>
Loại điểm đánh dấu sử dụng. Bạn có thể chọn trong số các loại sau:
  • f<text> – Một lá cờ chứa văn bản. Hãy chỉ định ký tự "f", theo sau là văn bản mã hoá URL tuỳ chỉnh. Để thoát dấu phẩy trong mã đánh dấu văn bản, hãy đặt dấu \ trước dấu phẩy. Ví dụ: fHello\,+World!
  • t<text> – Một điểm đánh dấu văn bản đơn giản. Hãy chỉ định ký tự 't' theo sau là văn bản mã hoá URL tuỳ chỉnh. Để thoát dấu phẩy trong mã đánh dấu văn bản, hãy đặt dấu \ trước dấu phẩy. Ví dụ: tHello\,+World!
  • A<text> – Điểm đánh dấu chú thích. Điểm đánh dấu này tương tự như điểm đánh dấu cờ, nhưng điểm đánh dấu sẽ điều phối vị trí của chúng để không chồng chéo lên nhau. Định dạng hợp lệ duy nhất cho <opt_which_points> là opt_which_points, để biểu thị chỉ mục của một điểm trong chuỗi.
  • N<formatting_string> – Giá trị của dữ liệu tại thời điểm này, có định dạng không bắt buộc. Nếu bạn không sử dụng tham số chds (tỷ lệ tuỳ chỉnh), thì giá trị sẽ được mã hoá chính xác. Nếu bạn sử dụng thông số đó với bất kỳ loại định dạng nào, thì giá trị sẽ được điều chỉnh theo tỷ lệ theo phạm vi mà bạn chỉ định. Hãy xem ví dụ về chds với điểm đánh dấu dạng số bên dưới. Với loại điểm đánh dấu này trong biểu đồ thanh xếp chồng, nếu chỉ định -1 cho <series_index>, bạn sẽ nhận được một điểm đánh dấu cho biết tổng của tất cả giá trị trong thanh xếp chồng này. Cú pháp chuỗi định dạng như sau:
           <preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>.
    Tất cả các phần tử này đều không bắt buộc. Sau đây là ý nghĩa của từng phần tử:
    • <preceding_text> – Văn bản để đứng trước mỗi giá trị.
    • *...* – Một khối không bắt buộc được đặt trong các dấu hoa thị cố định, trong đó bạn có thể chỉ định thông tin định dạng cho các số. Các giá trị sau đây được hỗ trợ và tất cả đều không bắt buộc:
      • <number_type> – Định dạng số, cho các giá trị số. Chọn một trong các lựa chọn sau:
        • f – [Mặc định] Định dạng dấu phẩy động. Bạn cũng nên cân nhắc chỉ định độ chính xác bằng giá trị <decimal_places>.
        • p – Định dạng phần trăm. Ký hiệu % được nối tự động. Lưu ý: Khi sử dụng định dạng này, các giá trị dữ liệu từ 0 — 1 ánh xạ đến 0 — 100% (ví dụ: 0, 43 sẽ được hiển thị là 43%).
        • e – Định dạng ký hiệu khoa học.
        • c<CUR> – Định dạng số theo đơn vị tiền tệ được chỉ định, với mã đánh dấu đơn vị tiền tệ thích hợp. Thay thế <CUR> bằng mã đơn vị tiền tệ gồm ba chữ cái. Ví dụ: cEUR cho đồng Euro. Bạn có thể tìm thấy danh sách các mã trên trang web ISO, mặc dù không phải ký hiệu nào cũng được hỗ trợ.
      • <decimal_places> – Một số nguyên xác định số lượng chữ số thập phân cần hiển thị. Giá trị được làm tròn (không bị cắt bớt) theo độ dài này. Mặc định là 2.
      • z – Hiển thị số 0 ở cuối. Mặc định là không.
      • s – Hiện các dòng phân cách nhóm. Mặc định là không.
      • x hoặc y – Hiển thị dữ liệu từ toạ độ x hoặc y, như được chỉ định. Ý nghĩa của dữ liệu x sẽ khác nhau tuỳ theo loại biểu đồ: hãy thử nghiệm với biểu đồ để xác định ý nghĩa của biểu đồ. Mặc định là "y".
    • <following_text> – Văn bản theo sau từng giá trị.
<color>
Màu của điểm đánh dấu cho tập hợp này, ở định dạng thập lục phân RRGGBB.
<series_index>
Chỉ mục (bắt đầu đếm từ 0) của chuỗi dữ liệu để vẽ điểm đánh dấu. Nếu đây là biểu đồ thanh xếp chồng và loại điểm đánh dấu là N (giá trị điểm dữ liệu), bạn có thể chỉ định -1 để tạo điểm đánh dấu giá trị tổng cho mỗi ngăn xếp thanh. Hãy xem ví dụ dưới đây.
<opt_which_points>
[Không bắt buộc] (Các) điểm cần vẽ điểm đánh dấu. Mặc định là tất cả điểm đánh dấu. Hãy sử dụng một trong những giá trị sau:
  • n.d – Điểm dữ liệu nào để vẽ điểm đánh dấu, trong đó n.d là chỉ mục gốc 0 trong chuỗi. Nếu bạn chỉ định một giá trị không phải là số nguyên, thì phân số đó sẽ cho biết điểm trung gian đã tính. Ví dụ: 3,5 có nghĩa là giữa điểm 3 và điểm 4.
  • -1 – Vẽ điểm đánh dấu trên tất cả các điểm dữ liệu. Bạn cũng có thể để trống tham số này để vẽ trên mọi điểm dữ liệu.
  • -n – Vẽ một điểm đánh dấu trên mỗi điểm dữ liệu thứ n.
  • start:end:n – Vẽ một điểm đánh dấu trên mọi điểm dữ liệu thứ n trong một dải ô, từ giá trị chỉ mục start đến end (tính cả 2 giá trị này). Tất cả các tham số đều không bắt buộc (có thể không có), vì vậy 3::1 sẽ là từ phần tử thứ tư đến phần tử cuối cùng, bước 1 và việc bỏ qua tham số này hoàn toàn sẽ mặc định là first:last:1. Tất cả các giá trị đều có thể là số thực. start (bắt đầu) và end (kết thúc) có thể là số âm để đếm ngược từ giá trị cuối cùng. Nếu cả startend đều mang giá trị âm, hãy đảm bảo các giá trị này được liệt kê theo giá trị tăng dần (ví dụ: -6:-1:1). Nếu giá trị bước n nhỏ hơn 1, thì giá trị này sẽ tính thêm các điểm dữ liệu bằng cách nội suy các giá trị dữ liệu đã cho. Giá trị mặc định là first:last:1
  • x:y – [Không hỗ trợ điểm đánh dấu loại N] Vẽ điểm đánh dấu tại một điểm x/y cụ thể trên biểu đồ. Điểm này không nhất thiết phải nằm trên một đường. Hãy thêm ký tự @ (@) vào trước loại điểm đánh dấu để sử dụng tuỳ chọn này. Chỉ định toạ độ dưới dạng giá trị dấu phẩy động, trong đó 0:0 là góc dưới cùng bên trái của biểu đồ, 0.5:0.5 là giữa biểu đồ và 1:1 là góc trên cùng bên phải của biểu đồ. Ví dụ: để thêm một hình thoi màu đỏ có 15 pixel vào giữa biểu đồ, hãy sử dụng @d,FF0000,0,0.5:0.5,15.
<size>
Kích thước của điểm đánh dấu tính bằng pixel. Nếu đây là biểu đồ tán xạ có chuỗi dữ liệu thứ ba (dùng để chỉ định kích thước điểm), thì giá trị này sẽ được điều chỉnh theo tỷ lệ theo phạm vi dữ liệu. Vì vậy, nếu phạm vi dữ liệu là 0–100 và <size> là 30, thì giá trị dữ liệu 100 sẽ có chiều rộng là 30 pixel, giá trị dữ liệu 50 sẽ có chiều rộng là 15 pixel, v.v.
<opt_z_order>
[Không bắt buộc] Lớp để vẽ điểm đánh dấu, so với các điểm đánh dấu khác và tất cả các thành phần khác của biểu đồ. Đây là một số thực dấu phẩy động từ -1.0 đến 1.0, trong đó -1.0 là giá trị dưới cùng và 1.0 là giá trị trên cùng. Các thành phần trên biểu đồ (đường và thanh) chỉ nhỏ hơn 0. Nếu hai mã đánh dấu có cùng giá trị, thì chúng sẽ được vẽ theo thứ tự do URL chỉ định. Giá trị mặc định là 0 (ngay phía trên các thành phần trong biểu đồ).
<opt_placement>
[Không bắt buộc] Thông tin chi tiết bổ sung về vị trí mô tả vị trí đặt điểm đánh dấu này, so với điểm dữ liệu. Bạn có thể chỉ định vị trí tương đối theo chiều ngang và/hoặc chiều dọc, cũng như độ dời. Cú pháp vị trí là một chuỗi có dấu phân cách : như minh hoạ ở đây. Tất cả các phần tử đều không bắt buộc: <horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>. Nếu được chỉ định, bạn có thể bao gồm một giá trị , trống trong chuỗi tham số chm cho <opt_z_order>. Ví dụ: N,000000,0,1,10,,bN,000000,0,1,10,,lvN,000000,0,1,10,,r::10.
horizontal_and_vertical_justification
Điểm neo của điểm đánh dấu. Hành vi này trái ngược với lý do, vì vậy điểm neo bên trái thực sự đặt điểm đánh dấu sang bên phải điểm dữ liệu. Bạn có thể chọn một trình căn chỉnh theo chiều ngang và/hoặc dọc trong danh sách sau:
  • Vị trí ngang: 'l', 'h' hoặc 'r' – Trái, giữa hoặc neo phải, theo chiều ngang. Mặc định là "l".
  • Vị trí dọc: "b", "v", "t" – Dưới cùng, giữa hoặc neo trên cùng, theo chiều dọc. Mặc định là "b".
  • Vị trí tương đối với thanh [Chỉ dành cho biểu đồ thanh]: "s", "c", "e" – Cơ sở, giữa hoặc đầu thanh. Đối với biểu đồ xếp chồng, chỉ số này tương ứng với phần thanh cho từng chuỗi chứ không phải cho toàn bộ thanh. Nếu chỉ mục chuỗi đã cho là -1 (tổng số ngăn xếp), thì chỉ mục đó tương ứng với toàn bộ thanh. Bạn có thể kết hợp thuộc tính này với các giá trị vị trí dọc (ví dụ: "be" hoặc "vs"). Giá trị mặc định là "e".
horizontal_offset
Độ lệch theo chiều ngang của điểm đánh dấu này, tính bằng pixel. Mặc định là 0.
vertical_offset
Độ lệch dọc của điểm đánh dấu này, tính bằng pixel. Giá trị mặc định của biểu đồ không phải biểu đồ thanh: 15; giá trị mặc định của biểu đồ thanh: 2.

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

Dưới đây là ví dụ về nhãn giá trị trên biểu đồ thanh.

Biểu đồ đầu tiên (N*p0*) chỉ định một điểm đánh dấu giá trị dữ liệu (trong đó có các giá trị được thể hiện dưới dạng tỷ lệ phần trăm) được làm tròn đến 0 chữ số thập phân (màu đen) trên tất cả các giá trị trong văn bản gồm 11 chữ số. Xin lưu ý rằng các giá trị dữ liệu đều nằm trong khoảng từ 0 đến 1.0, ở định dạng phần trăm và được chuyển lên hai chữ số thập phân.

Biểu đồ thứ hai (N*cEUR1*) cho thấy các giá trị được định dạng như giá trị Euro, một chữ số thập phân, màu đen, trên tất cả các giá trị, bằng văn bản gồm 11 dấu phẩy.

Biểu đồ thanh có nhãn tỷ lệ phần trăm phía trên mỗi thanh
chm=
  N*p0*,000000,0,-1,11
chd=t:
  0.4356,0.3562,0.4834,0.575,0.673,0.6091


Biểu đồ thanh có nhãn Euro phía trên mỗi thanh


chm=
  N*cEUR1*,000000,0,-1,11

Bạn có thể sử dụng tham số chds để điều chỉnh tỷ lệ giá trị số hiển thị. Bạn có thể sử dụng chds cho mọi định dạng dữ liệu, bao gồm cả phương thức mã hoá đơn giản và mở rộng. Điều này sẽ không ảnh hưởng đến kích thước thanh hoặc nhãn trục, mà chỉ ảnh hưởng đến giá trị điểm đánh dấu dữ liệu.

Ví dụ này cho thấy một biểu đồ có các giá trị được mã hoá đơn giản là 46, 39, 29, 30, 43, 41. Phạm vi mã hoá đơn giản là 0—61. Thông số chds xác định tỷ lệ điểm đánh dấu tuỳ chỉnh từ 0–1, vì vậy, giá trị điểm đánh dấu được điều chỉnh theo tỷ lệ theo phạm vi này, nhưng chiều cao thanh không bị ảnh hưởng (nếu đây là dữ liệu định dạng văn bản, thì các thanh cũng sẽ được điều chỉnh theo tỷ lệ).


chd=s:underp
chm=N,000000,0,-1,11
chds=0,1

Dưới đây là ví dụ về biểu đồ có nhãn văn bản ở điểm tối thiểu và nhãn cờ ở điểm tối đa.

Biểu đồ dạng đường có nhãn văn bản màu xanh dương 10 pt và cờ có văn bản màu đỏ 15 pt, được vẽ trên các điểm dữ liệu của đường đứt nét màu xanh lục.
chm=
  tMin,0000FF,0,1,10|
  fMax,FF0000,0,3,15

Ví dụ này cho thấy một biểu đồ xếp chồng với giá trị của từng chuỗi cùng với tổng số của bộ sách. Để hiển thị các giá trị chuỗi xếp chồng, chúng ta phải sử dụng tuỳ chọn vị trí "c". Nếu không, giá trị thanh trên cùng sẽ chồng lên giá trị tổng ở đầu mỗi thanh.
chm=
  N,FF0000,-1,,12|
  N,000000,0,,12,,c|
  N,000000,1,,12,,c|
  N,ffffff,2,,12,,c
Một số hình minh hoạ khác về cách hoạt động của vị trí dọc và ngang. Ví dụ này minh hoạ nhiều cách kết hợp giá trị neo cho biểu đồ thanh (sử dụng s, c và e cho vị trí dọc). Hãy lưu ý cách neo bên phải di chuyển điểm đánh dấu sang trái và neo trên cùng di chuyển điểm đánh dấu xuống dưới và ngược lại. Các chấm màu đỏ biểu thị phần chân đế, tâm và phần đầu của mỗi thanh. Số là giá trị dữ liệu, được cố định bằng cách sử dụng các giá trị neo khác nhau cho mỗi thanh.
chm=
  N,000000,0,0,10,,rs
  N,000000,0,1,10,,ls
  N,000000,0,2,10,,c
  N,000000,0,3,10,,e
  N,000000,0,4,10,,e::15
  N,000000,0,5,10,,e::-12
Mã đánh dấu chú thích sẽ tự động điều chỉnh vị trí nhãn để chúng không chồng chéo nhau. Giá trị chm đầu tiên là dành cho mục điền dòng, các giá trị sau đây đều là mã đánh dấu chú thích.
chm=B,C5D4B5BB,0,0,0
  AA,666666,0,3,15
  AB,666666,0,5,15
  AC,666666,0,24,15
  AD,666666,0,25,15
  AE,666666,0,26,15
  AF,666666,0,51,15
  AG,666666,0,60,15
  AH,666666,0,73,15
  AI,666666,0,80,15
  AJ,666666,0,99,15
Một ví dụ khác về điểm đánh dấu chú thích minh hoạ độ cao của thành phố ở Thuỵ Sĩ.

Trở lại đầu trang

Điểm đánh dấu phạm vi chm [Thanh, Hình nến, Đường kẻ, Radar, Tán xạ]

Bạn có thể tô màu cho các dải màu nền theo chiều ngang hoặc chiều dọc để làm nổi bật các khu vực cụ thể trên biểu đồ.

Bạn có thể kết hợp mọi mã đánh dấu chm bằng cách sử dụng dấu gạch đứng ( | ) để phân tách các bộ tham số chm.

Cú pháp

Hãy chỉ định một bộ tham số sau cho mỗi dải cần vẽ. Để vẽ nhiều dải, hãy tạo các bộ tham số bổ sung, được phân tách bằng ký tự dấu gạch đứng. Các dải ô được vẽ theo thứ tự đã chỉ định, vì vậy, dải ô gần đây nhất được vẽ sẽ được vẽ trên các dải ô trước đó.

chm=
  <direction>,<color>,0,<start_point>,<end_point>
    |...|
  <direction>,<color>,0,<start_point>,<end_point>
<direction>
Chỉ định đổ bóng ngang hoặc dọc. Sử dụng r cho phạm vi ngang và R cho phạm vi dọc.
<color>
Màu dải ô ở dạng số thập lục phân ở định dạng RRGGBB.
0
Đặt trước — phải bằng 0.
<start_point>
Vị trí bắt đầu của dải ô.
  • Đối với điểm đánh dấu phạm vi ngang, đây là vị trí trên trục y, trong đó 0.00 là cuối biểu đồ và 1.00 là đầu biểu đồ.
  • Đối với điểm đánh dấu phạm vi dọc, đây là vị trí trên trục x, trong đó 0.00 là bên trái biểu đồ và 1.00 là bên phải biểu đồ.
<end_point>
Vị trí kết thúc của dải ô.
  • Đối với điểm đánh dấu phạm vi ngang, đây là vị trí trên trục y, trong đó 0.00 là cuối biểu đồ và 1.00 là đầu biểu đồ.
  • Đối với điểm đánh dấu phạm vi dọc, đây là vị trí trên trục x, trong đó 0.00 là bên trái biểu đồ và 1.00 là bên phải biểu đồ.

 

Ví dụ

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

Điểm đánh dấu phạm vi có thể là một đường mảnh hoặc một dải màu.

  • r,E5ECF9,0,0.75,0.25 – Điểm đánh dấu phạm vi, màu xanh lam nhạt, (dành riêng), cách 0,5 chiều cao của biểu đồ.
  • r,000000,0,0.1,0.11 – Điểm đánh dấu phạm vi, màu đen, (dành riêng), bắt đầu ở điểm 0,1 so với trục y và kết thúc tại điểm 0,11 so với trục y (một đường mỏng màu đen).
Biểu đồ dạng đường có một dải ngang màu xanh lam nhạt kéo dài từ 25% đến 75% theo đường di chuyển lên trục y và một đường ngang mỏng theo đường đi lên trục y
chm=
  r,E5ECF9,0,0.75,0.25|
  r,000000,0,0.1,0.11

Ví dụ này hiển thị các điểm đánh dấu phạm vi dọc. Điểm đánh dấu đầu tiên là một đường màu đỏ (FF0000) và điểm đánh dấu thứ hai là một dải màu xanh lam nhạt (A0BAE9).

Biểu đồ dạng đường có một dải thẳng đứng màu xanh lam nhạt kéo dài từ 25% đến 75% quãng đường dọc theo trục x và một đường thẳng dọc mỏng kéo dài 10% dọc theo trục x
chm=
  R,FF0000,0,0.1,0.11|
  R,A0BAE9,0,0.75,0.25

Điểm đánh dấu được vẽ theo thứ tự đã chỉ định. Trong ví dụ này, bạn có thể thấy điểm đánh dấu màu đỏ dọc được vẽ trước điểm đánh dấu ngang màu xanh dương nhạt.

Biểu đồ dạng đường có dải dọc màu xanh dương và dải ngang màu xanh lam nhạt hơn kéo dài từ 25% đến 75% quãng đường dọc theo trục x và trục y tương ứng. Đường mảnh màu đỏ thẳng đứng và đường kẻ mỏng màu đen nằm ngang lần lượt là 10% dọc theo trục x và trục y
chm=
  R,FF0000,0,0.1,0.11|
  R,A0BAE9,0,0.75,0.25|
  r,E5ECF9,0,0.75,0.25|
  r,000000,0,0.1,0.11

Sau đây là ví dụ về một biểu đồ dạng đường sử dụng điểm đánh dấu phạm vi để vẽ các đường ngang mờ trên biểu đồ tại đường 0, đường điểm giữa và trên cùng.

Đường viền lấp lánh có một đường màu vàng và 3 đường ngang cách đều nhau
chm=
  r,000000,0,0.499,0.501|
  r,000000,0,0.998,1.0|
  r,000000,0,0.0,0.002

Trở lại đầu trang

Điểm đánh dấu đường kẻ chm=D [Thanh, Hình nến, Đường kẻ, Ra đa, Tán xạ]

Bạn có thể thêm một đường theo dõi dữ liệu trong biểu đồ của mình. Biểu đồ này thường được sử dụng trong biểu đồ phức hợp.

Để thêm nhiều dòng (hoặc kết hợp mã này với bất kỳ mã đánh dấu chm nào khác), hãy phân tách các tập hợp tham số chm bằng dấu phân cách dấu gạch đứng ( | ). Bạn không thể tạo một điểm đánh dấu đường đứt nét với tham số này.

Cú pháp

chm=
  D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
D
Cho biết đây là điểm đánh dấu đường kẻ.
<color>
Màu của đường kẻ, ở định dạng thập lục phân RRGGBB.
<series_index>
Chỉ mục của chuỗi dữ liệu được dùng để vẽ đường kẻ. Chỉ mục chuỗi dữ liệu là 0 cho chuỗi dữ liệu đầu tiên, 1 cho chuỗi dữ liệu thứ hai, v.v.
<which_points>
Điểm trong một chuỗi cần dùng để vẽ đường kẻ. Hãy sử dụng một trong các giá trị sau:
  • 0 – Sử dụng tất cả các điểm trong chuỗi.
  • start:end – Sử dụng một phạm vi các điểm cụ thể trong chuỗi, từ bắt đầu đến kết thúc (tính cả chỉ mục cơ số 0). Bạn cũng có thể sử dụng giá trị dấu phẩy động để chỉ định điểm trung gian hoặc để trống start hay end để cho biết điểm dữ liệu đầu tiên hoặc cuối cùng. startend có thể là số âm, dưới dạng chỉ mục đảo ngược so với giá trị cuối cùng. Nếu cả startend đều có giá trị âm, hãy nhớ viết các giá trị này theo giá trị tăng dần (ví dụ: -6:-1).
<size>
Chiều rộng của đường thẳng tính bằng pixel.
<opt_z_order>
[Không bắt buộc] Lớp để vẽ điểm đánh dấu, so với các điểm đánh dấu khác và tất cả các thành phần khác của biểu đồ. Đây là một số thực dấu phẩy động từ -1.0 đến 1.0, trong đó -1.0 là giá trị dưới cùng và 1.0 là giá trị trên cùng. Các thành phần trên biểu đồ (đường và thanh) chỉ nhỏ hơn 0. Nếu hai mã đánh dấu có cùng giá trị, thì chúng sẽ được vẽ theo thứ tự do URL chỉ định. Giá trị mặc định là 0 (ngay phía trên các thành phần trong biểu đồ).

 

Ví dụ

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

Đây là ví dụ về cách vẽ một đường đánh dấu trên biểu đồ thanh. Thứ tự z được thiết lập thành 1, vì vậy, đường thẳng này sẽ được vẽ trên đầu thanh.

Ví dụ này sử dụng cùng một dữ liệu cho cả thanh và dòng dữ liệu.
Biểu đồ thanh có điểm đánh dấu đường
chm=D,0033FF,0,0,5,1
chd=s:1XQbnf4

Đây cũng là biểu đồ thanh, nhưng có thêm một chuỗi dữ liệu dành riêng cho đường kẻ. Đây là một ví dụ về biểu đồ phức hợp. Biểu đồ kết hợp được vẽ bằng cách thêm chuỗi dữ liệu bổ sung vào tham số chd, cùng với giá trị vào chd để yêu cầu biểu đồ "bỏ qua" chuỗi dữ liệu bổ sung.

Xem Biểu đồ kết hợp để biết thêm thông tin.

Biểu đồ thanh có điểm đánh dấu đường
chm=D,0033FF,1,0,5,1
chd=s1:1XQbnf4,43ksfg6

Trở lại đầu trang

Hàm dữ liệu chfd [Tất cả chd biểu đồ]

Bạn có thể chỉ định một hàm tuỳ chỉnh để chạy trên dữ liệu biểu đồ bằng cách sử dụng cú pháp hàm muParser. Dữ liệu dùng trong hàm này có thể đến từ một trong 2 nguồn:

  • Chuỗi dữ liệu từ chd – Dữ liệu được lấy từ chuỗi dữ liệu được chỉ định trong chd.
  • Một dải giá trị được khai báo trong chính tham số chfd – Bạn khai báo giá trị bắt đầu, dừng và bước cho một dải ô dữ liệu tuỳ ý.

Điều quan trọng cần lưu ý là trong mọi trường hợp, bạn phải chỉ định kết quả cho một chuỗi nội dung hiện có trong chd; chuỗi đó sẽ bị ghi đè bởi kết quả của hàm. Biểu đồ chỉ hiển thị sau khi tất cả hàm đã được xử lý. Vì vậy, nếu bạn chỉ định nhiều hàm để đầu ra cho cùng một chuỗi dữ liệu, thì các hàm sẽ chạy theo thứ tự đã cho, nhưng chỉ kết quả đầu ra của hàm cuối cùng mới được vẽ biểu đồ trên biểu đồ. Xin lưu ý rằng bạn có thể tạo chuỗi các hàm để một hàm có thể nhận làm dữ liệu đầu vào, một chuỗi kết quả của một hàm trước đó.

Để chỉ định màu hoặc mã đánh dấu chm cho một dòng hàm, hãy chỉ định màu hoặc điểm đánh dấu vào chỉ mục chuỗi của hàm. Hãy lưu ý rằng điểm đánh dấu được đặt theo dữ liệu sau khi hàm đã chỉnh sửa.

Cú pháp

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
<output_series_index>
Chỉ mục số 0 của một chuỗi dữ liệu trong chd, mà kết quả của hàm sẽ được ghi vào đó. Mọi dữ liệu hiện có sẽ bị ghi đè hoàn toàn bằng đầu ra của hàm. Nếu chuỗi dữ liệu không được dùng làm dữ liệu đầu vào cho một hàm, thì phương pháp hay nhất là chỉ định một giá trị giả duy nhất cho chuỗi đó.
<function_data>
Các biến và dữ liệu cần lập biểu đồ. Dữ liệu có thể là từ một dải ô mà bạn xác định hoặc từ một trong các chuỗi dữ liệu chd. Bạn có thể chỉ định nhiều biến cho từng hàm bằng cách sử dụng dấu phân cách ; (dấu chấm phẩy) cho nhiều biến. Xin lưu ý rằng nếu bạn xác định nhiều biến cho một hàm duy nhất và các biến này có số điểm khác nhau, thì hàm đó sẽ dừng khi đến điểm cuối đầu tiên. Ví dụ: nếu một hàm xác định cả x=1–5 bước 1 và y=1–10 bước 1, thì hàm đó sẽ kết thúc khi đến điểm thứ năm.
    <variable_name>,<input_series_index>
        
HOẶC
    <variable_name>,<start>,<end>,<step>
  • variable_name – Tên chuỗi tuỳ ý cho biến. Dùng hàm này trong hàm được xác định bởi function_string.
  • input_series_index – Chỉ mục của chuỗi dữ liệu chd để dùng làm dữ liệu đầu vào.
  • start – Giá trị bắt đầu dạng số của một dải ô.
  • end – Giá trị kết thúc bằng số của một dải ô.
  • step – Giá trị của bước dạng số từ start đến end. Có thể là số dương hoặc âm, nhưng không thể bằng 0.
Ví dụ: x,0,100,1 khai báo một biến có tên là x với các giá trị 0, 1, 2, ... 100. x,0,100,1;r,0,3.1,.1 khai báo cùng một biến x cộng với một biến có tên r có các giá trị 0, 0.1, 0.2, ..., 3.0, 3.1. x,0 khai báo một biến có tên x. Biến này sử dụng dữ liệu từ chuỗi chd đầu tiên. Các biến này sẽ được function_string sử dụng. Các hàm này sẽ không được vẽ biểu đồ trên biểu đồ trừ khi bạn chỉ định chúng trong function_string. Bước càng nhỏ, biểu đồ của bạn càng mượt mà.
<function_string> (chuỗi hàm)
Hàm của bạn được viết theo cú pháp muParser. Hàm này được áp dụng cho các biến và dữ liệu được chỉ định trong variable_data. Bạn chỉ có thể tham chiếu các biến được khai báo trong tập hợp hàm cục bộ này, không phải trong một tập hợp thông số chfd theo đường dẫn khác. Hệ thống không hỗ trợ các hàm muParser (tối thiểu, tổng tối đa, trung bình). QUAN TRỌNG: Hãy nhớ sử dụng %2B thay vì + trong hàm!

 

Ví dụ

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

Sóng hình sin đơn giản. Một số điều cần lưu ý:

  • chd=t:-1 – Chúng tôi sử dụng một biến giả cho dữ liệu biểu đồ, vì dữ liệu của chúng tôi được khai báo trong tham số chfd.
  • chco=FF0000 – Màu đỏ được chỉ định cho chuỗi đầu tiên. Mặc dù chúng tôi không sử dụng dữ liệu từ chd, nhưng màu sắc tương ứng của chuỗi dữ liệu đó sẽ được dùng cho hàm được lập biểu đồ đó.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 – Chúng tôi khai báo một biến có tên x là biến có các giá trị từ 0 đến 11 và tăng thêm 0,1. Giá trị này được gán cho chuỗi video đầu tiên, tức là sẽ nhận được màu đầu tiên của chuỗi (FF0000). Hàm số áp dụng cho x là sin(x) * 50 + 50. Hãy lưu ý cách chúng ta phải mã hoá dấu + trong hàm đó.

 

Sóng sin được chỉ định bởi chfd
cht=lc
chd=t:-1
chco=FF0000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
Dòng này sử dụng dữ liệu từ tham số chd.
chd=t:5,10
chfd=0,x,0,x*4

Kết hợp các dòng hàm và dòng không phải hàm.

Hãy lưu ý cách các màu được chỉ định bằng tham số màu của chuỗi dữ liệu chco.

Hãy lưu ý vị trí của điểm đánh dấu trên đầu ra của hàm; các điểm dữ liệu được tính từ start, endstep, vì vậy nếu phạm vi của bạn là 0—11 bước 0.1, điểm 0 là 0, điểm 1 là 0.1 và cứ tiếp tục như vậy cho đến điểm 110, có giá trị là 11.

Một chuỗi dữ liệu sử dụng chfd, một chuỗi dùng chd cho dữ liệu của chuỗi đó.
chd=t:
  -1
  15,45
chco=
  FF0000,000000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chm=
  c,00A5C6,0,110,10
  a,00A5C6,0,60,10

Để xác định một hàm trong hai chiều, hãy sử dụng biểu đồ lxy, gán hai chuỗi giả và chỉ định một hàm cho mỗi chuỗi.

  • 0,x,0,10,0.1,sin(x)*50%2B50 – Chuỗi 0 (giá trị trục x) có một biến tên là x, với các giá trị từ 0 đến 10, bước 0.1 và một hàm sin(x)*50 + 50
  • 0,y,0,10,0.1,sin(y)*50%2B50 – Chuỗi 0 (giá trị trục y) có một biến tên là y, với các giá trị từ 0 đến 10, bước 0.1 và một hàm sin(x)*50 + 50
Hình tròn
cht=lxy
chd=t:-1|-1
chfd=
  0,x,0,10,0.1,sin(x)*50%2B50|
  1,y,0,10,0.1,cos(y)*50%2B50

Tham số chfd thực sự cho phép bạn thể hiện khả năng sáng tạo của mình.

Hãy thử nhấp vào những hình ảnh này để mở và sử dụng chúng trong khu vực biểu đồ; bạn sẽ bị cuốn hút đấy!



Trở lại đầu trang