Tùy chọn cấu hình biểu đồ

Loại biểu đồ

Tuỳ chọn cấu hình biểu đồ chú thích

Tên
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
displayRangeSelector

Liệu có hiển thị vùng lựa chọn phạm vi thu phóng hay không (khu vực ở cuối biểu đồ), trong đó false có nghĩa là không.

Đường viền trong bộ chọn thu phóng là phiên bản tỷ lệ nhật ký của chuỗi đầu tiên trong biểu đồ, được điều chỉnh theo tỷ lệ cho vừa với chiều cao của bộ chọn thu phóng.

Loại: boolean
Mặc định: true
displayZoomButtons

Liệu có hiển thị các nút thu phóng hay không ("1d 5d 1m" v.v.), trong đó false có nghĩa là không.

Loại: boolean
Mặc định: true
tối đa

Giá trị lớn nhất để hiển thị trên trục Y. Nếu điểm dữ liệu tối đa vượt quá giá trị này, thì chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu kiểm chính tiếp theo ở trên điểm dữ liệu tối đa. Giá trị này được ưu tiên hơn giá trị tối đa của trục Y do scaleType xác định.

Điều này tương tự như maxValue trong các biểu đồ chính.

Loại: number
Mặc định: tự động
phút

Giá trị nhỏ nhất thể hiện trên trục Y. Nếu điểm dữ liệu tối thiểu nhỏ hơn giá trị này, chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu kiểm chính tiếp theo bên dưới điểm dữ liệu tối thiểu. Đối số này được ưu tiên hơn giá trị tối thiểu của trục Y do scaleType xác định.

Điều này tương tự như minValue trong các biểu đồ chính.

Loại: number
Mặc định: tự động

Tuỳ chọn cấu hình biểu đồ vùng

Tên
areaOpacity

Độ mờ mặc định của vùng được tô màu trong một chuỗi biểu đồ vùng, trong đó 0.0 hoàn toàn trong suốt và 1.0 hoàn toàn mờ đục. Để chỉ định độ mờ cho một chuỗi dữ liệu riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

Loại: number, 0.0- 1.0
Mặc định: 0.3
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
interpolateNulls

Liệu có đoán ra giá trị của các điểm còn thiếu hay không. Nếu là true, ứng dụng này sẽ dự đoán giá trị của mọi dữ liệu bị thiếu dựa trên các điểm lân cận. Nếu giá trị là false, thao tác này sẽ để lại một dấu ngắt trong dòng ở điểm không xác định.

Tính năng này không được biểu đồ Area hỗ trợ có tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

Loại: boolean
Mặc định: false
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có series liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Chiều rộng dòng dữ liệu tính bằng pixel. Sử dụng 0 để ẩn tất cả đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

Loại: number
Mặc định: 2
pointShape

Hình dạng của từng phần tử dữ liệu riêng lẻ: 'circle', 'triangle', 'square', 'diamond', 'star' hoặc 'polygon'. Hãy xem tài liệu về điểm để biết ví dụ.

Loại: string
Mặc định: 'circle'
pointSize

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

Loại: number
Mặc định: 0
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ áp dụng cho các chú thích của chuỗi video này. Bạn có thể dùng thuộc tính này để kiểm soát, chẳng hạn như textStyle cho chuỗi: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Hãy xem các tuỳ chọn annotations để có danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có mục đó. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là cột văn bản.

Loại: boolean
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Tuỳ chọn cấu hình biểu đồ thanh

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại:string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: số hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxes

Chỉ định các thuộc tính cho từng trục ngang, nếu biểu đồ có nhiều trục ngang. Mỗi đối tượng con là một đối tượng hAxis và có thể chứa tất cả các thuộc tính mà hAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục ngang, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng hAxes. Ví dụ sau đây gán chuỗi 1 cho trục dưới cùng, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng hAxis hiển thị ở trên: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ áp dụng cho các chú thích của chuỗi video này. Bạn có thể dùng thuộc tính này để kiểm soát, chẳng hạn như textStyle cho chuỗi: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Hãy xem các tuỳ chọn annotations để có danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
đường xu hướng

Hiển thị đường xu hướng trên biểu đồ hỗ trợ các đường xu hướng đó. Theo mặc định, các đường xu hướng linear sẽ được sử dụng, nhưng bạn có thể tuỳ chỉnh đường xu hướng này bằng tuỳ chọn trendlines.n.type.

Đường xu hướng được xác định trên cơ sở từng chuỗi, vì vậy trong hầu hết trường hợp, các lựa chọn của bạn sẽ trông như sau: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Loại: object
Mặc định: null
trendlines.n.color

Màu của đường xu hướng , được biểu thị bằng tên màu tiếng Anh hoặc một chuỗi thập lục phân.

Loại: string
Mặc định: màu mặc định của chuỗi
trendlines.n.degree

Đối với đường xu hướng của type: 'polynomial', bậc của đa thức (2 cho bậc hai, 3 cho bậc ba, v.v.).

Loại: number
Mặc định: 3
trendlines.n.labelInLegend

Nếu được đặt, đường xu hướng sẽ xuất hiện trong chú giải dưới dạng chuỗi này.

Loại: string
Mặc định: null
trendlines.n.lineWidth

Độ rộng đường của đường xu hướng, tính bằng pixel.

Loại: number
Mặc định: 2
trendlines.n.type

Đường xu hướng là 'linear' (mặc định), 'exponential' hay 'polynomial'.

Loại: string
Mặc định: linear
trendlines.n.visibleInLegend

Liệu phương trình đường xu hướng có xuất hiện trong phần chú giải hay không. Nó sẽ xuất hiện trong chú giải công cụ về đường xu hướng.

Loại: boolean
Mặc định: false
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Các tuỳ chọn cấu hình biểu đồ bong bóng

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
bong bóng

Một đối tượng có các thành phần để định cấu hình các thuộc tính hình ảnh của bong bóng trò chuyện.

Loại: object
Mặc định: null
bubble.opacity

Độ mờ của bong bóng, trong đó 0 hoàn toàn trong suốt và 1 hoàn toàn mờ đục.

Loại: số từ 0 đến 1
Mặc định: 0,8
bubble.stroke

Màu sắc nét của bong bóng.

Loại: string
Mặc định: '#ccc'
bubble.textStyle

Đối tượng chỉ định kiểu văn bản bong bóng. Đối tượng có định dạng sau:

{color: <string>, fontName: <string>, fontSize: <number>}

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số, theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
loạt phim

Một đối tượng của đối tượng, trong đó các khoá là tên chuỗi (giá trị trong cột Màu) và mỗi đối tượng mô tả định dạng của chuỗi tương ứng trong biểu đồ. Nếu bạn không chỉ định một chuỗi hoặc một giá trị thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.
Ví dụ: 
series: {'Europe': {color: 'green'}}
Loại: Đối tượng có các đối tượng lồng nhau
Mặc định: {}
sizeAxis

Một đối tượng có các thành phần để định cấu hình cách liên kết các giá trị với kích thước bong bóng. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

 {minValue: 0,  maxSize: 20}
Loại: object
Mặc định: null
sizeAxis.maxSize

Bán kính tối đa của bong bóng lớn nhất có thể, tính bằng pixel.

Loại: number
Mặc định: 30
sizeAxis.minSize

Bán kính tối thiểu của bong bóng nhỏ nhất có thể, tính bằng pixel.

Loại: number
Mặc định: 5
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là cột văn bản.

Loại: boolean
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Tuỳ chọn cấu hình Lịch

Tên
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Tuỳ chọn cấu hình biểu đồ hình nến

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung cho chuỗi này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung cho chuỗi này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung cho chuỗi này.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung cho chuỗi này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung cho chuỗi này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung cho chuỗi này.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Tuỳ chọn cấu hình biểu đồ cột

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ áp dụng cho các chú thích của chuỗi video này. Bạn có thể dùng thuộc tính này để kiểm soát, chẳng hạn như textStyle cho chuỗi: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Hãy xem các tuỳ chọn annotations để có danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
đường xu hướng

Hiển thị đường xu hướng trên biểu đồ hỗ trợ các đường xu hướng đó. Theo mặc định, các đường xu hướng linear sẽ được sử dụng, nhưng bạn có thể tuỳ chỉnh đường xu hướng này bằng tuỳ chọn trendlines.n.type.

Đường xu hướng được xác định trên cơ sở từng chuỗi, vì vậy trong hầu hết trường hợp, các lựa chọn của bạn sẽ trông như sau: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Loại: object
Mặc định: null
trendlines.n.color

Màu của đường xu hướng , được biểu thị bằng tên màu tiếng Anh hoặc một chuỗi thập lục phân.

Loại: string
Mặc định: màu mặc định của chuỗi
trendlines.n.degree

Đối với đường xu hướng của type: 'polynomial', bậc của đa thức (2 cho bậc hai, 3 cho bậc ba, v.v.).

Loại: number
Mặc định: 3
trendlines.n.labelInLegend

Nếu được đặt, đường xu hướng sẽ xuất hiện trong chú giải dưới dạng chuỗi này.

Loại: string
Mặc định: null
trendlines.n.lineWidth

Độ rộng đường của đường xu hướng, tính bằng pixel.

Loại: number
Mặc định: 2
trendlines.n.type

Đường xu hướng là 'linear' (mặc định), 'exponential' hay 'polynomial'.

Loại: string
Mặc định: linear
trendlines.n.visibleInLegend

Liệu phương trình đường xu hướng có xuất hiện trong phần chú giải hay không. Nó sẽ xuất hiện trong chú giải công cụ về đường xu hướng.

Loại: boolean
Mặc định: false
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Các lựa chọn cấu hình biểu đồ kết hợp

Tên
areaOpacity

Độ mờ mặc định của vùng được tô màu trong một chuỗi biểu đồ vùng, trong đó 0.0 hoàn toàn trong suốt và 1.0 hoàn toàn mờ đục. Để chỉ định độ mờ cho một chuỗi dữ liệu riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

Loại: number, 0.0- 1.0
Mặc định: 0.3
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
curveType

Kiểm soát đường cong của đường khi độ rộng của đường kẻ bằng 0. Có thể là một trong những trạng thái sau đây:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường thẳng sẽ được làm nhẵn.
Loại:string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
interpolateNulls

Liệu có đoán ra giá trị của các điểm còn thiếu hay không. Nếu là true, ứng dụng này sẽ dự đoán giá trị của mọi dữ liệu bị thiếu dựa trên các điểm lân cận. Nếu giá trị là false, thao tác này sẽ để lại một dấu ngắt trong dòng ở điểm không xác định.

Tính năng này không được biểu đồ Area hỗ trợ có tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

Loại: boolean
Mặc định: false
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Chiều rộng dòng dữ liệu tính bằng pixel. Sử dụng 0 để ẩn tất cả đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

Loại: number
Mặc định: 2
pointShape

Hình dạng của từng phần tử dữ liệu riêng lẻ: 'circle', 'triangle', 'square', 'diamond', 'star' hoặc 'polygon'. Hãy xem tài liệu về điểm để biết ví dụ.

Loại: string
Mặc định: 'circle'
pointSize

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng trừ khi bạn ghi đè đường xu hướng đó bằng tuỳ chọn trendlines.n.pointsize.

Loại: number
Mặc định: 0
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định chuỗi hoặc giá trị thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ áp dụng cho các chú thích của chuỗi video này. Bạn có thể dùng thuộc tính này để kiểm soát, chẳng hạn như textStyle cho chuỗi: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Hãy xem các tuỳ chọn annotations để có danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi này.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung cho chuỗi này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung cho chuỗi này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung cho chuỗi này.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung cho chuỗi này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung cho chuỗi này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung cho chuỗi này.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • type – Loại điểm đánh dấu cho bộ sách này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực ra là thanh dọc (cột). Giá trị mặc định được chỉ định bằng tuỳ chọn seriesType của biểu đồ.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Các lựa chọn cấu hình biểu đồ dạng đồng hồ đo

Tên
greenColor

Màu để sử dụng cho phần màu xanh lục trong ký hiệu màu HTML.

Loại: string
Mặc định: '#109618'
greenFrom

Giá trị thấp nhất của một dải ô được đánh dấu bằng màu xanh lục.

Loại: number
Mặc định: không có
greenTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu xanh lục.

Loại: number
Mặc định: không có
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: Chiều rộng của vùng chứa
tối đa

Giá trị lớn nhất để hiển thị trên trục Y. Nếu điểm dữ liệu tối đa vượt quá giá trị này, thì chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu kiểm chính tiếp theo ở trên điểm dữ liệu tối đa. Giá trị này được ưu tiên hơn giá trị tối đa của trục Y do scaleType xác định.

Điều này tương tự như maxValue trong các biểu đồ chính.

Loại: number
Mặc định: tự động
phút

Giá trị nhỏ nhất thể hiện trên trục Y. Nếu điểm dữ liệu tối thiểu nhỏ hơn giá trị này, chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu kiểm chính tiếp theo bên dưới điểm dữ liệu tối thiểu. Đối số này được ưu tiên hơn giá trị tối thiểu của trục Y do scaleType xác định.

Điều này tương tự như minValue trong các biểu đồ chính.

Loại: number
Mặc định: tự động
redColor

Màu để sử dụng cho phần màu đỏ trong ký hiệu màu HTML.

Loại: string
Mặc định: '#DC3912'
redFrom

Giá trị thấp nhất của một dải ô được đánh dấu bằng màu đỏ.

Loại: number
Mặc định: không có
redTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu đỏ.

Loại: number
Mặc định: không có
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: Chiều rộng của vùng chứa
yellowColor

Màu để sử dụng cho phần màu vàng trong ký hiệu màu HTML.

Loại: string
Mặc định: '#FF9900'
yellowFrom

Giá trị thấp nhất của một dải ô được đánh dấu bằng màu vàng.

Loại: number
Mặc định: không có
yellowTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu vàng.

Loại: number
Mặc định: không có

Tùy chọn cấu hình biểu đồ địa lý

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
datalessRegionColor

Màu để chỉ định cho các khu vực không có dữ liệu liên kết.

Loại: string
Mặc định: '#F5F5F5'
defaultColor

Màu để sử dụng cho các điểm dữ liệu trong biểu đồ địa lý khi vị trí (ví dụ: 'US' ) đã có nhưng giá trị là null hoặc không được chỉ định. Màu này khác với màu datalessRegionColor – màu được dùng khi thiếu dữ liệu.

Loại: string
Mặc định: '#267114'
displayMode

Đây là loại biểu đồ địa lý nào. Định dạng DataTable phải khớp với giá trị được chỉ định. Các giá trị sau được hỗ trợ:

  • 'auto' – Chọn theo định dạng của Bảng dữ liệu.
  • 'regions' – Tô màu các vùng trên biểu đồ địa lý.
  • 'markers' – Đặt điểm đánh dấu trên các khu vực.
  • 'text' – Gắn nhãn các khu vực bằng văn bản từ DataTable.
Loại: string
Mặc định: "auto"
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

Khu vực hiển thị trên biểu đồ địa lý. Các khu vực xung quanh cũng được trưng bày. Có thể là một trong những trạng thái sau đây:

  • 'world' - Biểu đồ địa lý về toàn thế giới.
  • Một lục địa hoặc tiểu lục địa được chỉ định bằng mã gồm 3 chữ số của lục địa đó, ví dụ: '011' cho Tây Phi.
  • Một quốc gia được xác định theo mã ISO 3166-1 alpha-2, ví dụ: 'AU' cho Úc.
  • Một tiểu bang ở Hoa Kỳ, được chỉ định theo mã ISO 3166-2:US, ví dụ: 'US-AL' cho Alabama. Xin lưu ý rằng bạn phải đặt tuỳ chọn resolution thành 'provinces' hoặc 'metros'.
Loại: string
Mặc định: 'world'
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Các lựa chọn cấu hình biểu đồ

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object/div>
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
histogram.bucketSize

Mã hoá cứng kích thước của từng thanh biểu đồ thay vì để kích thước được xác định bằng thuật toán.

Loại: number
Mặc định: tự động
histogram.hideBucketItems

Bỏ qua những đường phân chia nhỏ giữa các khối của biểu đồ, rồi biến biểu đồ này thành một chuỗi các thanh liền nét.

Loại: boolean
Mặc định: false
histogram.lastBucketPercentile

Khi tính kích thước nhóm của biểu đồ, hãy bỏ qua phần trăm lastBucketPercentile trên cùng và dưới cùng. Các giá trị vẫn có trong biểu đồ, nhưng không ảnh hưởng đến việc phân nhóm.

Loại: number
Mặc định: 0
interpolateNulls

Liệu có đoán ra giá trị của các điểm còn thiếu hay không. Nếu là true, ứng dụng này sẽ dự đoán giá trị của mọi dữ liệu bị thiếu dựa trên các điểm lân cận. Nếu giá trị là false, thao tác này sẽ để lại một dấu ngắt trong dòng ở điểm không xác định.

Tính năng này không được biểu đồ Area hỗ trợ có tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

Loại: boolean
Mặc định: false
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Tuỳ chọn cấu hình biểu đồ dạng đường

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
curveType

Kiểm soát đường cong của đường khi độ rộng của đường kẻ bằng 0. Có thể là một trong những trạng thái sau đây:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường thẳng sẽ được làm nhẵn.
Loại: string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại:string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
interpolateNulls

Liệu có đoán ra giá trị của các điểm còn thiếu hay không. Nếu là true, ứng dụng này sẽ dự đoán giá trị của mọi dữ liệu bị thiếu dựa trên các điểm lân cận. Nếu giá trị là false, thao tác này sẽ để lại một dấu ngắt trong dòng ở điểm không xác định.

Tính năng này không được biểu đồ Area hỗ trợ có tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

Loại: boolean
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Chiều rộng dòng dữ liệu tính bằng pixel. Sử dụng 0 để ẩn tất cả đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

Loại: number
Mặc định: 2
pointShape

Hình dạng của từng phần tử dữ liệu riêng lẻ: 'circle', 'triangle', 'square', 'diamond', 'star' hoặc 'polygon'. Hãy xem tài liệu về điểm để biết ví dụ.

Loại: string
Mặc định: 'circle'
pointSize

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng trừ khi bạn ghi đè đường xu hướng đó bằng tuỳ chọn trendlines.n.pointsize.

Loại: number
Mặc định: 0
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ áp dụng cho các chú thích của chuỗi video này. Bạn có thể dùng thuộc tính này để kiểm soát, chẳng hạn như textStyle cho chuỗi: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Hãy xem các tuỳ chọn annotations để có danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • type – Loại điểm đánh dấu cho bộ sách này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực ra là thanh dọc (cột). Giá trị mặc định được chỉ định bằng tuỳ chọn seriesType của biểu đồ.
  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi này.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là cột văn bản.

Loại: boolean
đường xu hướng

Hiển thị đường xu hướng trên biểu đồ hỗ trợ các đường xu hướng đó. Theo mặc định, các đường xu hướng linear sẽ được sử dụng, nhưng bạn có thể tuỳ chỉnh đường xu hướng này bằng tuỳ chọn trendlines.n.type.

Đường xu hướng được xác định trên cơ sở từng chuỗi, vì vậy trong hầu hết trường hợp, các lựa chọn của bạn sẽ trông như sau: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Loại: object
Mặc định: null
trendlines.n.color

Màu của đường xu hướng , được biểu thị bằng tên màu tiếng Anh hoặc một chuỗi thập lục phân.

Loại: string
Mặc định: màu mặc định của chuỗi
trendlines.n.degree

Đối với đường xu hướng của type: 'polynomial', bậc của đa thức (2 cho bậc hai, 3 cho bậc ba, v.v.).

Loại: number
Mặc định: 3
trendlines.n.labelInLegend

Nếu được đặt, đường xu hướng sẽ xuất hiện trong chú giải dưới dạng chuỗi này.

Loại: string
Mặc định: null
trendlines.n.lineWidth

Độ rộng đường của đường xu hướng , tính bằng pixel.

Loại: number
Mặc định: 2
trendlines.n.type

Đường xu hướng là 'linear' (mặc định), 'exponential' hay 'polynomial'.

Loại: string
Mặc định: linear
trendlines.n.visibleInLegend

Liệu phương trình đường xu hướng có xuất hiện trong phần chú giải hay không. Nó sẽ xuất hiện trong chú giải công cụ về đường xu hướng.

Loại: boolean
Mặc định: false
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Các lựa chọn cấu hình của biểu đồ tổ chức

Tên
màu

Màu nền của các thành phần trong biểu đồ tổ chức.

Loại: string
Mặc định: '#edf7ff'
selectionColor

Màu nền của các phần tử trong biểu đồ tổ chức đã chọn.

Loại: string
Mặc định: '#d6e9f8'
size

Kích thước tổng thể của biểu đồ. Các tuỳ chọn bao gồm 'small', 'medium' hoặc 'large'.

Loại: string
Mặc định: 'medium'

Tuỳ chọn cấu hình biểu đồ hình tròn

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
is3D

Nếu giá trị là true, hãy hiển thị biểu đồ ba chiều.

Loại: boolean
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Nếu nằm trong khoảng từ 0 đến 1, hãy hiển thị biểu đồ vòng. Lỗ hổng có bán kính bằng number nhân với bán kính của biểu đồ.

Loại: number
Mặc định: 0
pieSliceBorderColor

Màu của đường viền lát cắt. Chỉ áp dụng khi biểu đồ có hai chiều.

Loại: string
Mặc định: 'white'
pieSliceText

Nội dung của văn bản hiện trên lát cắt. Có thể là một trong những trạng thái sau đây:

  • 'percentage' – Tỷ lệ phần trăm kích thước lát cắt trong tổng số.
  • 'value' – Giá trị định lượng của lát cắt.
  • 'label' – Tên của lát cắt.
  • 'none' – Không hiển thị văn bản nào.
Loại: string
Mặc định: 'percentage'
pieSliceTextStyle

Đối tượng chỉ định kiểu văn bản lát cắt. Đối tượng có định dạng sau:

{color: <string>, fontName: <string>, fontSize: <number>}

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
slices.color

Màu dùng cho lát cắt này.

Loại: string
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Tuỳ chọn cấu hình biểu đồ tán xạ

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại:string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
curveType

Kiểm soát đường cong của đường khi độ rộng của đường kẻ bằng 0. Có thể là một trong những trạng thái sau đây:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường thẳng sẽ được làm nhẵn.
Loại:string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.gridlines

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Lưu ý rằng đường lưới trục hoành được vẽ theo chiều dọc. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối với đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.gridlines.color

Màu của đường lưới ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
hAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
hAxis.logScale

Thuộc tính hAxis khiến trục hoành trở thành thang đo logarit (yêu cầu mọi giá trị đều là số dương). Đặt thành true nếu bạn có.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: boolean
Mặc định: false
hAxis.maxValue

Di chuyển giá trị tối đa của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục ngang, tương tự như tuỳ chọn hAxis.gridlines.

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
hAxis.minorGridlines.color

Màu của các đường lưới nhỏ ngang bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
hAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ hiện phụ thuộc hoàn toàn vào khoảng thời gian giữa các đường lưới chính (xem hAxis.gridlines.interval) và không gian tối thiểu bắt buộc (xem hAxis.minorGridlines.minSpacing).

Loại: number
Mặc định: 1
hAxis.minValue

Di chuyển giá trị tối thiểu của trục hoành sang giá trị được chỉ định; giá trị này sẽ hướng sang trái trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top'– Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Chiều rộng dòng dữ liệu tính bằng pixel. Sử dụng 0 để ẩn tất cả đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

Loại: number
Mặc định: 2
pointShape

Hình dạng của từng phần tử dữ liệu riêng lẻ: 'circle', 'triangle', 'square', 'diamond', 'star' hoặc 'polygon'. Hãy xem tài liệu về điểm để biết ví dụ.

Loại: string
Mặc định: 'circle'
pointSize

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng trừ khi bạn ghi đè đường xu hướng đó bằng tuỳ chọn trendlines.n.pointsize.

Loại: number
Mặc định: 0
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng áp dụng cho chuỗi theo thứ tự đã cho,hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi đó áp dụng cho chuỗi nào. Ví dụ: 2 khai báo sau đây là giống hệt nhau và khai báo chuỗi nội dung đầu tiên là màu đen và không có trong phần chú giải, còn chuỗi thứ tư là màu đỏ và không có trong phần chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là cột văn bản.

Loại: boolean
đường xu hướng

Hiển thị đường xu hướng trên biểu đồ hỗ trợ các đường xu hướng đó. Theo mặc định, các đường xu hướng linear sẽ được sử dụng, nhưng bạn có thể tuỳ chỉnh đường xu hướng này bằng tuỳ chọn trendlines.n.type.

Đường xu hướng được xác định trên cơ sở từng chuỗi, vì vậy trong hầu hết trường hợp, các lựa chọn của bạn sẽ trông như sau: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Loại: object
Mặc định: null
trendlines.n.color

Màu của đường xu hướng , được biểu thị bằng tên màu tiếng Anh hoặc một chuỗi thập lục phân.

Loại: string
Mặc định: màu mặc định của chuỗi
trendlines.n.degree

Đối với đường xu hướng của type: 'polynomial', bậc của đa thức (2 cho bậc hai, 3 cho bậc ba, v.v.).

Loại: number
Mặc định: 3
trendlines.n.labelInLegend

Nếu được đặt, đường xu hướng sẽ xuất hiện trong chú giải dưới dạng chuỗi này.

Loại: string
Mặc định: null
trendlines.n.lineWidth

Độ rộng đường của đường xu hướng , tính bằng pixel.

Loại: number
Mặc định: 2
trendlines.n.type

Đường xu hướng là 'linear' (mặc định), 'exponential' hay 'polynomial'.

Loại: string
Mặc định: linear
trendlines.n.visibleInLegend

Liệu phương trình đường xu hướng có xuất hiện trong phần chú giải hay không. Nó sẽ xuất hiện trong chú giải công cụ về đường xu hướng.

Loại: boolean
Mặc định: false
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động

Tuỳ chọn cấu hình biểu đồ vùng dạng bậc

Tên
areaOpacity

Độ mờ mặc định của vùng được tô màu trong một chuỗi biểu đồ vùng, trong đó 0.0 hoàn toàn trong suốt và 1.0 hoàn toàn mờ đục. Để chỉ định độ mờ cho một chuỗi dữ liệu riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

Loại: number, 0.0- 1.0
Mặc định: 0.3
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
backgroundColor.fill

Màu nền của biểu đồ, dưới dạng chuỗi màu HTML.

Loại: string
Mặc định: 'white'
chartArea

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi biểu đồ được vẽ, ngoại trừ các trục và chú giải). Được hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của khu vực biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu tiếng Anh. Khi một đối tượng được sử dụng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu, được cung cấp dưới dạng chuỗi hex hoặc tên màu tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao của vùng biểu đồ.

Loại: number hoặc string
Mặc định: tự động
chartArea.left

Khoảng cách vẽ biểu đồ từ đường viền trái.

Loại: number hoặc string
Mặc định: tự động
chartArea.top

Khoảng cách vẽ biểu đồ từ đường viền trên cùng.

Loại: number hoặc string
Mặc định: tự động
chartArea.width

Chiều rộng của vùng trên biểu đồ.

Loại: number hoặc string
Mặc định: tự động
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
hAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục hoành. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Loại: object
Mặc định: null
hAxis.direction

Hướng mà các giá trị dọc theo trục hoành phát triển. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
hAxis.textPosition

Vị trí của văn bản trục hoành, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
hAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Thuộc tính hAxis chỉ định tiêu đề của trục hoành.

Loại: string
Mặc định: null
hAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng sau: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Chỉ định phạm vi cắt của trục hoành.

Loại: object
Mặc định: null
hAxis.viewWindow.max

Giá trị dữ liệu theo chiều ngang tối đa để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
hAxis.viewWindow.min

Giá trị dữ liệu theo chiều ngang tối thiểu để hiển thị.

Bỏ qua khi hAxis.viewWindowMode là 'pretty' hoặc 'maximized'.

Loại: number
Mặc định: tự động
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
isStacked

Nếu bạn đặt thành true, hãy xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền. Lưu ý: Trong biểu đồ Cột, Khu vực và SteppedArea, Google Biểu đồ đảo ngược thứ tự của các mục chú giải để tương ứng tốt hơn với sự xếp chồng của các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Định nghĩa này không áp dụng cho Biểu đồ thanh.

Tuỳ chọn isStacked cũng hỗ trợ 100% tính năng xếp chồng, trong đó các ngăn xếp phần tử ở mỗi giá trị miền được điều chỉnh để có tổng là 100%.

Các tuỳ chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng. Đây là lựa chọn mặc định.
  • true – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền.
  • 'percent' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ sao cho chúng cộng bằng 100%, trong đó giá trị của mỗi phần tử được tính theo tỷ lệ phần trăm 100%.
  • 'relative' – xếp nhóm các phần tử cho tất cả chuỗi ở mỗi giá trị miền và điều chỉnh kích thước để chúng cộng lại thành 1, trong đó giá trị của mỗi phần tử được tính bằng một phần của 1.
  • 'absolute' – các hàm giống với isStacked: true.

Đối với trường hợp xếp chồng 100%, giá trị được tính toán cho mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế.

Theo mặc định, trục mục tiêu sẽ hiển thị các giá trị đánh dấu nhịp độ khung hình dựa trên tỷ lệ 0-1 tương đối ở dạng phân số của 1 đối với 'relative' và 0-100% đối với 'percent' (Lưu ý: khi sử dụng tuỳ chọn 'percent', các giá trị trục/dấu kiểm sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, giá trị thực tế là các giá trị tỷ lệ tương đối 0-1. Điều này là do số tích tắc trục phần trăm là kết quả của việc áp dụng định dạng "#.##%" cho các giá trị tỷ lệ tương đối từ 0-1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0-1). Bạn có thể tuỳ chỉnh đường lưới/giá trị dấu kiểm và định dạng bằng các tuỳ chọn hAxis/vAxis thích hợp.

Tính năng xếp chồng 100% chỉ hỗ trợ các giá trị dữ liệu thuộc loại number và phải có đường cơ sở bằng 0.

Loại: boolean/ string
Mặc định: false
chú thích

Một đối tượng có các thành viên để thiết lập nhiều khía cạnh của chú giải. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Loại: object
Mặc định: null
legend.position

Vị trí của chú giải. Có thể là một trong những trạng thái sau đây:

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục bên trái không có chuỗi dữ liệu nào liên kết với trục này. Vì vậy, nếu bạn muốn phần chú giải ở bên trái, hãy sử dụng tuỳ chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Nếu bạn đặt chính sách này thành true, thì các chuỗi sẽ vẽ từ phải sang trái. Mặc định là vẽ từ trái sang phải.

Tuỳ chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
loạt phim

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi đối tượng tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc một giá trị, thì giá trị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu cần sử dụng cho chuỗi văn bản này. Hãy chỉ định một chuỗi màu HTML hợp lệ.
  • type – Loại điểm đánh dấu cho bộ sách này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực ra là thanh dọc (cột). Giá trị mặc định được chỉ định bằng tuỳ chọn seriesType của biểu đồ.
  • labelInLegend – Mô tả về chuỗi nội dung sẽ xuất hiện trong chú giải của biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • targetAxisIndex – Trục để gán chuỗi dữ liệu này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi dữ liệu khác nhau được kết xuất theo các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi dữ liệu cho trục mặc định. Bạn có thể xác định một tỷ lệ riêng cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú giải và false có nghĩa là chuỗi không có một mục nhập chú giải. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng mà mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho hoặc bạn có thể chỉ định một đối tượng mà mỗi phần tử con có một khoá số cho biết chuỗi áp dụng cho chuỗi nào.Ví dụ: 2 khai báo sau là giống nhau và khai báo chuỗi đầu tiên là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng hoặc một đối tượng có đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chủ đề

Giao diện là một tập hợp các giá trị tuỳ chọn định sẵn. Các giá trị này phối hợp với nhau để đạt được một hành vi cụ thể của biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Phóng to tối đa diện tích biểu đồ và vẽ chú giải cũng như tất cả các nhãn bên trong khu vực biểu đồ.
Loại: string
Mặc định: null
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là cột văn bản.

Loại: boolean
useFirstColumnAsDomain

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này là miền.

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một tài sản.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng series.targetAxisIndex, sau đó định cấu hình trục bằng vAxes. Ví dụ sau đây gán chuỗi dữ liệu 2 cho trục bên phải, đồng thời chỉ định tiêu đề và kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà thuộc tính này xác định – đây là định dạng hiển thị ở trên; mảng là một mảng các đối tượng, một mảng trên mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis hiển thị ở trên: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Loại: Mảng đối tượng hoặc đối tượng có đối tượng con
Mặc định: null
vAxis

Một đối tượng có các thành phần để định cấu hình các phần tử trục tung. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Loại: object
Mặc định: null
vAxis.direction

Hướng mà các giá trị dọc theo trục tung phát triển. Theo mặc định, các giá trị thấp sẽ nằm ở cuối biểu đồ. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

Loại: 1 hoặc -1
Mặc định: 1
vAxis.gridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục tung. Lưu ý rằng đường lưới trục tung được vẽ theo chiều ngang. Để chỉ định các thuộc tính của đối tượng này, bạn có thể sử dụng ký hiệu cố định đối tượng, như minh hoạ dưới đây: 

{color: '#333', minSpacing: 20}

Tuỳ chọn này chỉ được hỗ trợ cho trục continuous.

Loại: object
Mặc định: null
vAxis.gridlines.color

Màu của đường lưới dọc bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: '#CCC'
vAxis.gridlines.count

Số đường lưới ngang gần đúng bên trong vùng biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì giá trị này sẽ được dùng để tính minSpacing giữa các đường lưới. Bạn có thể chỉ định giá trị 1 để chỉ vẽ một đường lưới hoặc 0 để không vẽ đường lưới nào. Chỉ định -1 (mặc định) để tự động tính toán số lượng đường lưới dựa trên các tuỳ chọn khác.

Loại: number
Mặc định: -1
vAxis.logScale

Nếu true, đặt trục tung thành một thang đo logarit. Lưu ý: Tất cả giá trị đều phải là số dương.

Loại: boolean
Mặc định: false
vAxis.maxValue

Di chuyển giá trị tối đa của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: tự động
vAxis.minorGridlines

Một đối tượng có các thành phần để định cấu hình các đường lưới nhỏ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

Loại: object
Mặc định: null
vAxis.minorGridlines.color

Màu của các đường lưới dọc nhỏ bên trong khu vực biểu đồ. Hãy chỉ định một chuỗi màu HTML hợp lệ.

Loại: string
Mặc định: Kết hợp đường lưới và màu nền
vAxis.minorGridlines.count

Tuỳ chọn minorGridlines.count hầu như không được dùng nữa, ngoại trừ việc tắt các đường lưới nhỏ bằng cách đặt số lượng thành 0. Số lượng đường lưới nhỏ phụ thuộc vào khoảng thời gian giữa các đường lưới chính và không gian bắt buộc tối thiểu.

Loại: number
Mặc định: 1
vAxis.minValue

Di chuyển giá trị tối thiểu của trục tung đến giá trị được chỉ định; giá trị này sẽ hướng xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu bạn đặt thuộc tính này thành giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

Loại: number
Mặc định: null
vAxis.textPosition

Vị trí của văn bản trục tung, so với khu vực biểu đồ. Các giá trị được hỗ trợ: 'out', 'in', 'none'.

Loại: string
Mặc định: 'out'
vAxis.textStyle

Đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Chỉ định tiêu đề cho trục tung.

Loại: string
Mặc định: không có tiêu đề
vAxis.titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Chỉ định phạm vi cắt của trục tung.

Loại: object
Mặc định: null
vAxis.viewWindow.max

Giá trị dữ liệu theo chiều dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
vAxis.viewWindow.min

Giá trị dữ liệu theo chiều dọc tối thiểu để hiển thị.

Bỏ qua khi vAxis.viewWindowMode là "đẹp" hoặc "đã được phóng to".

Loại: number
Mặc định: tự động
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Tuỳ chọn cấu hình biểu đồ bảng

Tên
alternatingRowStyle

Xác định xem có nên chỉ định kiểu màu xen kẽ cho các hàng lẻ và hàng chẵn hay không.

Loại: boolean
Mặc định: true
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
trang

Nếu và cách bật tính năng phân trang thông qua dữ liệu. Chọn một trong các giá trị string sau:

  • 'enable' – Bảng này sẽ có các nút tiến trang và nút quay lại trang. Thao tác nhấp vào các nút này sẽ thực hiện thao tác phân trang và thay đổi trang hiển thị. Bạn cũng nên đặt tuỳ chọn pageSize.
  • 'event' – Bảng này sẽ bao gồm các nút tiến trang và quay lại trang. Tuy nhiên, việc nhấp vào các nút này sẽ kích hoạt sự kiện 'page' và sẽ không làm thay đổi trang hiển thị. Bạn nên sử dụng tuỳ chọn này khi mã triển khai logic chuyển trang của riêng nó. Hãy xem ví dụ về TableQueryWrapper để biết ví dụ về cách xử lý các sự kiện phân trang theo cách thủ công.
  • 'disable' – [Mặc định] Không hỗ trợ phân trang.
    • Loại: string
    Mặc định: 'disable'
pageSize

Số hàng trong mỗi trang, khi tính năng phân trang được bật bằng tuỳ chọn trang.

Loại: number
Mặc định: 10
showRowNumber

Nếu bạn đặt thành true, thì số hàng dưới dạng cột đầu tiên của bảng.

Loại: boolean
Mặc định: false
sắp xếp

Trường hợp nếu và cách sắp xếp cột khi người dùng nhấp vào tiêu đề cột. Nếu chế độ sắp xếp đang bật, hãy cân nhắc đặt cả các thuộc tính sortAscending và sortColumn. Chọn một trong các giá trị string sau:

  • 'enable' – [Mặc định] Người dùng có thể nhấp vào tiêu đề cột để sắp xếp theo cột đã nhấp. Khi người dùng nhấp vào tiêu đề cột, các hàng sẽ tự động được sắp xếp và sự kiện 'sort' sẽ được kích hoạt.
  • 'event' – Khi người dùng nhấp vào tiêu đề cột, sự kiện 'sort' sẽ được kích hoạt nhưng các hàng sẽ không được sắp xếp tự động. Bạn nên sử dụng tuỳ chọn này khi trang triển khai cách sắp xếp riêng. Hãy xem ví dụ về TableQueryWrapper để biết ví dụ về cách xử lý các sự kiện sắp xếp theo cách thủ công.
  • 'disable'– Việc nhấp vào tiêu đề cột không có tác dụng.
Loại: string
Mặc định: 'enable'
sortAscending

Thứ tự sắp xếp của cột sắp xếp ban đầu. True để tăng dần, false để giảm dần. Sẽ bỏ qua nếu bạn không chỉ định sortColumn.

Loại: boolean
Mặc định: true
sortColumn

Chỉ mục của một cột trong bảng dữ liệu, mà bảng được sắp xếp ban đầu. Cột này được đánh dấu bằng một mũi tên nhỏ cho biết thứ tự sắp xếp.

Loại: number
Mặc định: -1
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Các lựa chọn cấu hình Dòng thời gian

Tên
backgroundColor

Màu nền cho khu vực chính trên biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00' hoặc một đối tượng có các thuộc tính sau.

Loại: string hoặc object
Mặc định: 'white'
màu

Màu cần sử dụng cho các thành phần trong biểu đồ. Một mảng chuỗi, trong đó mỗi phần tử là một chuỗi màu HTML, ví dụ: colors:['red','#004411'].

Loại: Mảng chuỗi
Mặc định: màu mặc định
độ cao

Chiều cao của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều cao của phần tử chứa
chiều rộng

Chiều rộng của biểu đồ tính bằng pixel.

Loại: number
Mặc định: chiều rộng của phần tử chứa

Tuỳ chọn cấu hình bản đồ cây

Tên
headerColor

Màu của phần tiêu đề cho mỗi nút. Chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #988f86
maxColor

Màu cho một hình chữ nhật có giá trị cột 3 là maxColorValue. Hãy chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #00dd00
maxDepth

Số lượng cấp nút tối đa để hiển thị trong chế độ xem hiện tại. Các cấp độ sẽ được làm phẳng trong mặt phẳng hiện tại. Nếu cây của bạn có nhiều cấp hơn mức này, bạn phải di chuyển lên hoặc xuống để xem các cấp đó. Ngoài ra, bạn có thể thấy các cấp maxPostDepth bên dưới dưới dạng hình chữ nhật được tô bóng trong các nút này.

Loại: number
Mặc định: 1
maxPostDepth

Số lượng cấp nút (ngoài maxDepth) xuất hiện theo kiểu "gợi ý". Các nút gợi ý sẽ hiển thị dưới dạng hình chữ nhật được tô bóng trong một nút nằm trong giới hạn maxDepth.

Loại: number
Mặc định: 0
midColor

Màu cho một hình chữ nhật có giá trị cột 3 ở giữa từ maxColorValue đến minColorValue. Chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #000000
minColor

Màu của một hình chữ nhật có giá trị cột 3 là minColorValue. Hãy chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #dd0000
noColor

Màu cần sử dụng cho hình chữ nhật khi một nút không có giá trị cho cột 3 và nút đó là một lá (hoặc chỉ chứa lá). Chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #000000
phụ đề

Văn bản hiển thị bên dưới tiêu đề biểu đồ.

Loại: string
Mặc định: không có tiêu đề
subtitleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề.

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Màu có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tiêu đề

Văn bản hiển thị phía trên biểu đồ.

Loại: string
Mặc định: không có tiêu đề
titleTextStyle

Đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng sau:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color có thể là chuỗi màu HTML bất kỳ, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

Loại: object
Mặc định: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}