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

Các loại biểu đồ

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

Tên
màu

Màu sẽ 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 chọn phạm vi thu phóng (khu vực ở cuối biểu đồ) hay không, 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ệ logarit 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

Xác định xem có hiển thị các nút thu phóng ("1d 5d 1m", v.v. hay không), 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 phía 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 hiển thị trên trục Y. Nếu điểm dữ liệu tối thiểu nhỏ hơn giá trị này, thì chế độ cài đặt này sẽ bị bỏ qua và biểu đồ đượ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. Giá trị này được ưu tiên hơn so với 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

Các lựa 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 loạt nội dung 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 vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 được giá trị của các điểm còn thiếu hay không. Nếu là true, mô hình này sẽ đ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 là false, hàm này sẽ để lại một dấu ngắt trong dòng tại điểm không xác định.

Phương thức này không được biểu đồ Area hỗ trợ với tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu bạn đặt thành true, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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ì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

Độ rộng đường dữ liệu tính bằng pixel. Sử dụng số 0 để ẩn tất cả các dòng và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi văn bản 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: '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 được hiển thị tính bằng pixel. Hãy sử dụng số 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ sách 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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ị toàn cục sẽ được sử dụng. Mỗi đối tượng hỗ trợ các thuộc tính sau:

  • annotations – Đối tượng sẽ được áp dụng cho các chú thích của chuỗi chủ đề 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 dữ liệu: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những tuỳ chọn có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi chủ đề này.
  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi chủ đề này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi chủ đề này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi chủ đề này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi chủ đề này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi chủ đề này.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không nên có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đó 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Các lựa chọn cấu hình biểu đồ thanh

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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 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 mọi 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 sẽ gán chuỗi 1 cho trục dưới cùng, đồng thời chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng hAxis ở 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ó các đối tượng con
Mặc định: null
hAxis

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • annotations – Đối tượng sẽ được áp dụng cho các chú thích của chuỗi chủ đề 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 dữ liệu: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những tuỳ chọn có thể tuỳ chỉnh.

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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ợ chúng. Theo mặc định, đường xu hướng linear đượ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 chỉ định theo từng chuỗi, vì vậy, các lựa chọn của bạn sẽ luôn có dạ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 bằng tiếng Anh hoặc chuỗi hex.

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 phần chú thích dưới dạng chuỗi này.

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

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

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

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

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

Liệu đường xu hướng có xuất hiện trong phần chú thích hay không. Nó sẽ xuất hiện trong chú thích 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 là miền.

Loại: boolean
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

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

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 trực quan 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 của nét vẽ bong bóng.

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

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

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 các đối tượng, trong đó khoá là tên của chuỗi dữ liệu (các giá trị trong cột Màu) và từng đố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 hỗ trợ các thuộc tính sau:

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. 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 chứa 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 bằng chữ của đố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 cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đó 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặ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

Các lựa chọn cấu hình biểu đồ hình nến

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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ị toàn cục sẽ được sử dụng. Mỗi đối tượng hỗ trợ các thuộc tính sau:

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung của chuỗi dữ liệu này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung của chuỗi dữ liệu này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung của chuỗi dữ liệu này.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung của chuỗi dữ liệu này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung của chuỗi dữ liệu này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung của chuỗi dữ liệu này.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Các lựa chọn về cấu hình biểu đồ cột

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: stringhoặ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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • annotations – Đối tượng sẽ được áp dụng cho các chú thích của chuỗi chủ đề 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 dữ liệu: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những tuỳ chọn có thể tuỳ chỉnh.

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau 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 đối tượng áp dụng cho một chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi phần tử con có một khoá số cho biết phần tử đó được áp dụng cho chuỗi nào. Ví dụ: hai nội dung khai báo sau đây giống hệt nhau và khai báo bộ sách đầu tiên có màu đen và không có chú giải, còn bộ sách thứ tư có màu đỏ và không có 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 đối tượng hoặc đối tượng có các đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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ợ chúng. Theo mặc định, đường xu hướng linear đượ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 chỉ định theo từng chuỗi, vì vậy, các lựa chọn của bạn sẽ luôn có dạ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 bằng tiếng Anh hoặc chuỗi hex.

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 phần chú thích dưới dạng chuỗi này.

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

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

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

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

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

Liệu đường xu hướng có xuất hiện trong phần chú thích hay không. Nó sẽ xuất hiện trong chú thích 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Tùy 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 loạt nội dung 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 vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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 các đường khi độ rộng của đường khác 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: "không có"
hAxis

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 được giá trị của các điểm còn thiếu hay không. Nếu là true, mô hình này sẽ đ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 là false, hàm này sẽ để lại một dấu ngắt trong dòng tại điểm không xác định.

Phương thức này không được biểu đồ Area hỗ trợ với tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu bạn đặt thành true, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

Độ rộng đường dữ liệu tính bằng pixel. Sử dụng số 0 để ẩn tất cả các dòng và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi văn bản 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: '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 được hiển thị tính bằng pixel. Hãy sử dụng số 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ sách bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng một đường xu hướng, tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng, trừ phi 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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ị toàn cục sẽ được sử dụng. Mỗi đối tượng hỗ trợ các thuộc tính sau:

  • annotations – Đối tượng sẽ được áp dụng cho các chú thích của chuỗi chủ đề 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 dữ liệu: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những tuỳ chọn có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi chủ đề này.
  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi chủ đề này.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung của chuỗi dữ liệu này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung của chuỗi dữ liệu này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung của chuỗi dữ liệu này.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi chủ đề này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi chủ đề này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi chủ đề này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi chủ đề này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi chủ đề này.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung của chuỗi dữ liệu này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung của chuỗi dữ liệu này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung của chuỗi dữ liệu này.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • type - Loại điểm đánh dấu cho chuỗi này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực tế là các 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à bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Các lựa chọn về cấu hình của đồng hồ đo

Tên
greenColor

Màu cần 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 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 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 phía 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 hiển thị trên trục Y. Nếu điểm dữ liệu tối thiểu nhỏ hơn giá trị này, thì chế độ cài đặt này sẽ bị bỏ qua và biểu đồ đượ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. Giá trị này được ưu tiên hơn so với 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 cần 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 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 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 cần 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 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 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 vùng chính của 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 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 vùng không có dữ liệu liên quan.

Loại: string
Mặc định: '#F5F5F5'
defaultColor

Màu sắc cần sử dụng cho các điểm dữ liệu trong biểu đồ địa lý khi vị trí (ví dụ: 'US' ) nhưng có giá trị là null hoặc chưa được chỉ định. Màu này khác với màu datalessRegionColor (là 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 phù hợp với giá trị được chỉ định. Các giá trị sau được hỗ trợ:

  • 'auto' – Chọn dựa trên định dạng của DataTable.
  • 'regions' – Tô màu các khu vực 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 trong DataTable.
Loại: string
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 phần để định cấu hình 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 bằng chữ của đố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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 hiển thị. Có thể là một trong những trạng thái sau đây:

  • 'world' - Sơ đồ địa lý của toàn thế giới.
  • Một lục địa hoặc tiểu lục địa, được xác định bằng mã gồm 3 chữ số của nó, 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 xác đị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: "thế giới"
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 đồ

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (xem hAxis.minorGridlines.minSpacing).

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

Vị trí của văn bản trên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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ì cho phép xác định bằng thuật toán.

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

Bỏ qua các phần phân chia mỏng giữa các khối của biểu đồ, biến biểu đồ này thành một loạt thanh đồng nhất.

Loại: boolean
Mặc định: false
histogram.lastBucketPercentile

Khi tính toán kích thước bộ chứa của biểu đồ, hãy bỏ qua lastBucketPercentile phần trăm trên cùng và dưới cùng. Các giá trị vẫn được đưa vào 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 được giá trị của các điểm còn thiếu hay không. Nếu là true, mô hình này sẽ đ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 là false, hàm này sẽ để lại một dấu ngắt trong dòng tại điểm không xác định.

Phương thức này không được biểu đồ Area hỗ trợ với tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu bạn đặt thành true, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặ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

Các lựa chọn về cấu hình biểu đồ dạng đường

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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 các đường khi độ rộng của đường khác 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: "không có"
hAxis

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 được giá trị của các điểm còn thiếu hay không. Nếu là true, mô hình này sẽ đ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 là false, hàm này sẽ để lại một dấu ngắt trong dòng tại điểm không xác định.

Phương thức này không được biểu đồ Area hỗ trợ với 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

Độ rộng đường dữ liệu tính bằng pixel. Sử dụng số 0 để ẩn tất cả các dòng và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi văn bản 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: '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 được hiển thị tính bằng pixel. Hãy sử dụng số 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ sách bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng một đường xu hướng, tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng, trừ phi 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • annotations – Đối tượng sẽ được áp dụng cho các chú thích của chuỗi chủ đề 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 dữ liệu: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những tuỳ chọn có thể tuỳ chỉnh.

  • type - Loại điểm đánh dấu cho chuỗi này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực tế là các 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 dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi chủ đề này.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi chủ đề này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi chủ đề này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi chủ đề này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi chủ đề này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi chủ đề này.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

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

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đó 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ợ chúng. Theo mặc định, đường xu hướng linear đượ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 chỉ định theo từng chuỗi, vì vậy, các lựa chọn của bạn sẽ luôn có dạ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 bằng tiếng Anh hoặc chuỗi hex.

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 phần chú thích dưới dạng chuỗi này.

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

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

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

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

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

Liệu đường xu hướng có xuất hiện trong phần chú thích hay không. Nó sẽ xuất hiện trong chú thích 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Các lựa chọn về cấu hình biểu đồ tổ chức

Tên
màu

Màu nền của các phần tử 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 chung của biểu đồ. Các lựa chọn bao gồm 'small', 'medium' hoặc 'large'.

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

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

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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 là true, sẽ hiện biểu đồ 3 chiều.

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

Một đối tượng có các thành phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

Nếu trong khoảng từ 0 đến 1, hãy hiển thị biểu đồ vòng. Bán kính của lỗ bằng number lần 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 đồ là hai chiều.

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

Nội dung của văn bản được 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 của kích thước lát cắt trên 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.
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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

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

Tên
backgroundColor

Màu nền cho vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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 các đường khi độ rộng của đường khác 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: "không có"
hAxis

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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

Đối tượng có các thuộc tính để định cấu hình đường lưới trên trục hoành. Xin lưu ý rằng đường lưới trục hoành sẽ đượ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 bằng chữ của đố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 vùng 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ố lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Thuộc tính hAxis làm cho trục hoành trở thành thang đo logarit (yêu cầu tất cả các giá trị đều phải là số dương). Đặt thành true nếu 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 đến giá trị được chỉ định; giá trị này sẽ sang phải trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max 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ỏ nằm ngang bên trong vùng 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 màu đường lưới và màu nền
hAxis.minorGridlines.count

Hầu hết, tuỳ chọn minorGridlines.count 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 cần thiết (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 đến giá trị được chỉ định; giá trị này sẽ được di chuyển 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 một giá trị lớn hơn giá trị x tối thiểu của dữ liệu. hAxis.viewWindow.min 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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ú thích. Đối tượng có định dạng sau:

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

color có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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

Độ rộng đường dữ liệu tính bằng pixel. Sử dụng số 0 để ẩn tất cả các dòng và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi văn bản 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: '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 được hiển thị tính bằng pixel. Hãy sử dụng số 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ sách bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng một đường xu hướng, tuỳ chọn pointSize sẽ ảnh hưởng đến chiều rộng của đường xu hướng, trừ phi 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi chủ đề này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi chủ đề này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi chủ đề này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi chủ đề này.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. Mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, mỗi mảng đố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 trong đó mỗi phần tử con có một khoá số cho biết phần tử đó được áp dụng cho chuỗi nào. Ví dụ: hai nội dung khai báo sau đây giống hệt nhau và khai báo bộ sách đầu tiên có màu đen và không có chú giải, còn bộ sách thứ tư có màu đỏ và không có 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 đối tượng hoặc đối tượng có các đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đó 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ợ chúng. Theo mặc định, đường xu hướng linear đượ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 chỉ định theo từng chuỗi, vì vậy, các lựa chọn của bạn sẽ luôn có dạ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 bằng tiếng Anh hoặc chuỗi hex.

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 phần chú thích dưới dạng chuỗi này.

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

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

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

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

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

Liệu đường xu hướng có xuất hiện trong phần chú thích hay không. Nó sẽ xuất hiện trong chú thích 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Các lựa 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 loạt nội dung 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 vùng chính của 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 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 đồ (trong đó biểu đồ được vẽ, ngoại trừ các trục và chú giải). Có hai định dạng được hỗ trợ: số hoặc số theo sau là %. Số đơn giản là giá trị tính bằng pixel; 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 vùng biểu đồ. Khi được sử dụng, chuỗi có thể là chuỗi hex (ví dụ: '#fdc') hoặc tên màu bằng 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 bằng tiếng Anh.
  • strokeWidth: Nếu được cung cấp, hãy vẽ một đường viền xung quanh vùng 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.

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

Chiều rộng vùng biểu đồ.

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

Màu sẽ 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

Đối tượng có các thành phần để định cấu hình nhiều 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à theo đó các giá trị dọc theo trục hoành sẽ phát triển. Hãy 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ên trục hoành, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục hoành.

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

Giá trị dữ liệu chiều ngang tối đa cần 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 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, xếp nhóm các phần tử cho tất cả các bộ sách ở 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 với cách xếp chồng các phần tử trong chuỗi (ví dụ: chuỗi 0 sẽ là mục chú giải dưới cùng). Biểu đồ này không áp dụng cho Biểu đồ thanh.

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

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

  • false – các phần tử sẽ không được xếp chồng. Đây là lựa chọn mặc định.
  • true — xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền.
  • 'percent' – xếp chồng các phần tử cho tất cả các bộ sách ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổng cộng lại bằng 100%, trong đó giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm 100%.
  • 'relative' – xếp chồng các phần tử cho tất cả các chuỗi ở mỗi giá trị miền và điều chỉnh tỷ lệ của các phần tử đó để tổ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ó chức năng giống như isStacked: true.

Đối với khả năng 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ế của phần tử đó.

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

Việc 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 phần để định cấu hình 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 bằng chữ của đố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ú thích. 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 được liên kết. Vì vậy, nếu bạn muố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 có chú giải nào hiển thị.
  • '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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 thành true, hãy vẽ các chuỗi từ phải sang trái. Theo mặc định, thao tác 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 gồm các đối tượng, mỗi đối tượng mô tả định dạng của các 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 dữ liệu, 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 hỗ trợ các thuộc tính sau:

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi chủ đề này.
  • color – Màu dùng cho chuỗi dữ liệu này. Hãy chỉ định chuỗi màu HTML hợp lệ.
  • type - Loại điểm đánh dấu cho chuỗi này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng thanh thực tế là các thanh dọc (cột). Giá trị mặc định được chỉ định bằng tuỳ chọn seriesType của biểu đồ.
  • labelInLegend – Nội dung mô tả về bộ sách xuất hiện trong phần chú thích trên biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi chủ đề này.
  • targetAxisIndex – Trục nào để 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 đồ mà trong đó các chuỗi dữ liệu hiển thị dựa trên các trục khác nhau. Ít nhất một chuỗi phải được phân bổ cho trục mặc định. Bạn có thể xác định tỷ lệ khác nhau cho các trục khác nhau.
  • visibleInLegend – Một giá trị boolean, trong đó true có nghĩa là bộ sách phải có mục nhập chú giải và false có nghĩa là bộ sách không có mục nhập đó. 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à trong đó mỗi phần tử con có một khoá số cho biết chuỗi đối tượng đó áp dụng cho chuỗi nào.Ví dụ: hai nội dung khai báo sau đây giống hệt nhau và khai báo chuỗi đầu tiên có màu đen và không có chú giải, còn chuỗi thứ tư có màu đỏ và không có 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 đối tượng hoặc đối tượng có các đối tượng lồng nhau
Mặc định: {}
phụ đề

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 được xác định trước, kết hợp với nhau để đạt được một hành vi cụ thể trên biểu đồ hoặc hiệu ứng hình ảnh. Hiện chỉ có một giao diện:

  • 'maximized' – Mở rộng tối đa vùng biểu đồ và vẽ phần chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ đó.
Loại: string
Mặc định: null
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 đó 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 là miền.

Loại: boolean
vAxes

Chỉ định 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 mọi 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 tung, 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 sẽ gán chuỗi 2 cho trục bên phải và chỉ định một tiêu đề cũng như 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à đối tượng 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 cho mỗi trục. Ví dụ: ký hiệu kiểu mảng sau đây giống với đối tượng vAxis ở 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ó các đối tượng con
Mặc định: null
vAxis

Đối tượng có các thành phần để định cấu hình nhiều 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 bằng chữ của đố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 đồ. Hãy 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

Đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin 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 vùng biểu đồ. Hãy chỉ định chuỗi màu HTML hợp lệ.

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

Số lượng đường lưới ngang gần đúng trong khu vực biểu đồ. Nếu bạn chỉ định một số dương cho gridlines.count, thì số 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. Chỉ định -1 (giá trị mặc định) để tự động tính toán số lượng đường lưới dựa trên các lựa chọn khác.

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

Nếu là true, hãy làm cho trục tung trở thành thang đo logarit. Lưu ý: Tất cả cá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ẽ tăng lên trong hầu hết biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 tung, 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 nhỏ dọc bên trong vùng 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 màu đườ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 tối thiểu cần thiết.

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ẽ đi xuống trong hầu hết các biểu đồ. Sẽ bỏ qua nếu giá trị này được đặt thành một giá trị lớn hơn giá trị y tối thiểu của dữ liệu. vAxis.viewWindow.min 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ên trục tung, so với vùng 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 theo trục tung.

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

Giá trị dữ liệu ngành dọc tối đa cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặc "đã phóng to".

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

Giá trị dữ liệu ngành dọc tối thiểu cần hiển thị.

Bỏ qua khi vAxis.viewWindowMode có giá trị "đẹp" hoặ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

Các lựa chọn về 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

Trường hợp 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ẽ bao gồm các nút tiến và lùi trang. 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 đang hiển thị. Bạn cũng có thể đặt tuỳ chọn pageSize.
  • 'event' – Bảng này sẽ bao gồm các nút tiến và lùi trang, nhưng việc nhấp vào các nút này sẽ kích hoạt sự kiện 'page' và không làm thay đổi trang được hiển thị. Bạn nên sử dụng tuỳ chọn này khi mã triển khai logic lật trang của riêng mình. Hãy xem ví dụ về TableQueryWrapper để tìm hiểu 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] Phân trang không được hỗ trợ.
    • 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, số hàng sẽ hiển thị 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 và cách sắp xếp cột khi người dùng nhấp vào tiêu đề cột. Nếu bạn bật tính năng sắp xếp, 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 được nhấp vào. 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 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ộ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 cột trong bảng dữ liệu mà bảng được sắp xếp ban đầu. Cột được đánh dấu bằng một mũi tên nhỏ biểu thị 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 về cấu hình Dòng thời gian

Tên
backgroundColor

Màu nền cho vùng chính của 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 sẽ 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 sơ đồ cây

Tên
headerColor

Màu của phần tiêu đề cho mỗi nút. Chỉ định giá trị màu HTML.

Loại: string
Mặc định: #988f86
maxColor

Màu cho hình chữ nhật có giá trị của cột 3 là maxColorValue. Chỉ định một giá trị màu HTML.

Loại: string
Mặc định: #00dd00
maxDepth

Số 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 tầng hơn mức này, bạn phải di chuyển lên hoặc xuống để xem các tầng đó. Bạn có thể thấy thêm 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 của nút vượt quá maxDepth để hiển thị 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 bên trong một nút nằm trong giới hạn maxDepth.

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

Màu cho hình chữ nhật có giá trị của cột 3 nằm ở giữa maxColorValue và minColorValue. Chỉ định giá trị màu HTML.

Loại: string
Mặc định: #000000
minColor

Màu cho hình chữ nhật có giá trị của cột 3 là minColorValue. 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ị nào cho cột 3 và nút đó là một lá (hoặc chỉ chứa các lá). Chỉ định giá trị màu HTML.

Loại: string
Mặc định: #000000
phụ đề

Văn bản cầ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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm 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 sắc có thể là chuỗi màu bất kỳ HTML, 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>}
title

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à bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Xem thêm fontName và fontSize.

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