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

Loại biểu đồ

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

Tên
màu

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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ị khu vực lựa 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 theo thang logarit của chuỗi đầu tiên trong biểu đồ, được điều chỉnh theo tỷ lệ để vừa với chiều cao của bộ chọn thu phóng.

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

Liệu có hiển thị các nút thu phóng ("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ị tối đa sẽ 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, chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu đánh dấu 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 trên trục Y do scaleType xác định.

Phương thức này tương tự như maxValue trong các biểu đồ cốt lõi.

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

Giá trị tối thiểu để 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 đồ sẽ được điều chỉnh để hiển thị dấu đánh dấu 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 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 đồ cốt lõi.

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

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

Tên
areaOpacity

Độ mờ mặc định của vùng có 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ờ. Để chỉ định độ mờ cho một chuỗi riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

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

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

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

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

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

Liệu có nên đoán giá trị của các điểm bị thiếu hay không. Nếu là true, hàm 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, thì dòng sẽ bị ngắt tại điểm không xác định.

Biểu đồ Vùng không hỗ trợ tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có series liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng phương thức này để điều khiển, chẳng hạn như textStyle cho chuỗi: 

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

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

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

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Loại: boolean
useFirstColumnAsDomain

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các tuỳ chọn cấu hình biểu đồ thanh

Tên
backgroundColor

Màu nền cho khu vực 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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 hoành, nếu biểu đồ có nhiều trục hoành. Mỗi đối tượng con là một đối tượng hAxis và có thể chứa tất cả các thuộc tính mà hAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

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

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

Thuộc tính này có thể là một đối tượng hoặc một mảng: đối tượng là một tập hợp các đối tượng, mỗi đối tượng có một nhãn số chỉ định trục mà đố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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
hAxis

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng phương thức này để điều khiển, chẳng hạn như textStyle cho chuỗi: 

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

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

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

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Đường xu hướng được chỉ định trên cơ sở mỗi chuỗi, vì vậy, hầu hết các lựa chọn của bạn sẽ 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ị dưới dạng tên màu bằng tiếng Anh hoặc chuỗi thập lục phân.

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

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

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

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

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

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 có phải là 'linear' (mặc định), 'exponential' hay 'polynomial'.

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

Biểu thức đường xu hướng có xuất hiện trong chú giải hay không. Giá trị này sẽ xuất hiện trong chú giải công cụ của đường xu hướng.

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

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

Loại: boolean
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

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

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

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

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

Một đối tượng chỉ định kiểu văn bản bong bóng trò chuyện. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

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

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

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Một đối tượng của các đối tượng, trong đó khoá là tên chuỗi (các giá trị trong cột Màu) và mỗi đối tượng mô tả định dạng của chuỗi tương ứng trong biểu đồ. Nếu bạn không chỉ định một chuỗi hoặc 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 sắc cần sử dụng cho chuỗi này. Chỉ định một chuỗi màu HTML hợp lệ.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có mục chú giải và false có nghĩa là chuỗi không được có mục chú giải. Giá trị mặc định là true.
Ví dụ: 
series: {'Europe': {color: 'green'}}
Loại: Đối tượng có các đối tượng lồng nhau
Mặc định: {}
sizeAxis

Một đối tượng có các thành phần để định cấu hình cách các giá trị được liên kết với kích thước bong bóng trò chuyện. Để 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ư sau: 

 {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 trò chuyện 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 trò chuyện nhỏ nhất có thể, tính bằng pixel.

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

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

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Loại: boolean
useFirstColumnAsDomain

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các 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 tuỳ chọn cấu hình biểu đồ hình nến

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

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

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

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

Một mảng các đối tượng, mỗi đối tượng mô tả định dạng của chuỗi tương ứng trong biểu đồ. Để sử dụng các giá trị mặc định cho một chuỗi, hãy chỉ định một đối tượng trống {}. Nếu bạn không chỉ định một chuỗi hoặc 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 sắc cần sử dụng cho chuỗi này. Chỉ định một chuỗi màu HTML hợp lệ.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung cho chuỗi này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung cho chuỗi này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung cho chuỗi này.
  • labelInLegend – Nội dung mô tả về chuỗi sẽ xuất hiện trong chú giải biểu đồ.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung cho chuỗi này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung cho chuỗi này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung cho chuỗi này.
  • targetAxisIndex – Trục cần gán cho chuỗi này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi khác nhau được hiển thị trên các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi cho trục mặc định. Bạn có thể xác định một tỷ lệ khác nhau cho các trục.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có mục chú giải và false có nghĩa là chuỗi không được có mục chú giải. Giá trị mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực 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 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 bên trái.

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

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

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

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

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

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

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

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng phương thức này để điều khiển, chẳng hạn như textStyle cho chuỗi: 

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

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

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

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Đường xu hướng được chỉ định trên cơ sở mỗi chuỗi, vì vậy, hầu hết các lựa chọn của bạn sẽ 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ị dưới dạng tên màu bằng tiếng Anh hoặc chuỗi thập lục phân.

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

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

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

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

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

Chiều 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 có phải là 'linear' (mặc định), 'exponential' hay 'polynomial'.

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

Biểu thức đường xu hướng có xuất hiện trong chú giải hay không. Giá trị này sẽ xuất hiện trong chú giải công cụ của đường xu hướng.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các tuỳ chọn cấu hình biểu đồ kết hợp

Tên
areaOpacity

Độ mờ mặc định của vùng có 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ờ. Để chỉ định độ mờ cho một chuỗi riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

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

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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 độ cong của các đường khi chiều rộng đường không bằng 0. Có thể là một trong những giá trị sau:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường sẽ được làm mượt.
Loại:string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

Liệu có nên đoán giá trị của các điểm bị thiếu hay không. Nếu là true, hàm 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, thì dòng sẽ bị ngắt tại điểm không xác định.

Biểu đồ Vùng không hỗ trợ tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Chiều rộng của đường dữ liệu tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng bộ 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 hiển thị tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đườ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 đè bằng tuỳ chọn trendlines.n.pointsize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng phương thức này để điều khiển, chẳng hạn như textStyle cho chuỗi: 

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

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

  • areaOpacity – Ghi đè areaOpacity toàn cục cho chuỗi này.
  • color – Màu sắc cần sử dụng cho chuỗi này. Chỉ định một chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi này.
  • fallingColor.fill – Ghi đè giá trị candlestick.fallingColor.fill chung cho chuỗi này.
  • fallingColor.stroke – Ghi đè giá trị candlestick.fallingColor.stroke chung cho chuỗi này.
  • fallingColor.strokeWidth – Ghi đè giá trị candlestick.fallingColor.strokeWidth chung cho chuỗi này.
  • labelInLegend – Nội dung mô tả về chuỗi sẽ xuất hiện trong chú giải biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • risingColor.fill – Ghi đè giá trị candlestick.risingColor.fill chung cho chuỗi này.
  • risingColor.stroke – Ghi đè giá trị candlestick.risingColor.stroke chung cho chuỗi này.
  • risingColor.strokeWidth – Ghi đè giá trị candlestick.risingColor.strokeWidth chung cho chuỗi này.
  • targetAxisIndex – Trục cần gán cho chuỗi này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi khác nhau được hiển thị trên các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi cho trục mặc định. Bạn có thể xác định một tỷ lệ khác nhau cho các trục.
  • 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 các thanh thực sự 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 – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có mục chú giải và false có nghĩa là chuỗi không được có mục chú giải. Giá trị mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các tuỳ chọn cấu hình cho đồng hồ đo

Tên
greenColor

Màu dùng cho phần màu xanh lục trong ký hiệu màu HTML.

Loại: string
Mặc định: '#109618'
greenFrom

Giá trị thấp nhất của một dải được đánh dấu bằng màu xanh lục.

Loại: number
Mặc định: không có
greenTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu xanh lục.

Loại: number
Mặc định: không có
độ cao

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

Loại: number
Mặc định: Chiều rộng của vùng chứa
tối đa

Giá trị tối đa sẽ 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, chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiển thị dấu đánh dấu 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 trên trục Y do scaleType xác định.

Phương thức này tương tự như maxValue trong các biểu đồ cốt lõi.

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

Giá trị tối thiểu để 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 đồ sẽ được điều chỉnh để hiển thị dấu đánh dấu 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 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 đồ cốt lõi.

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

Màu sắc 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 một dải được đánh dấu bằng màu đỏ.

Loại: number
Mặc định: không có
redTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu đỏ.

Loại: number
Mặc định: không có
chiều rộng

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

Loại: number
Mặc định: Chiều rộng của vùng chứa
yellowColor

Màu sắc 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 một dải được đánh dấu bằng màu vàng.

Loại: number
Mặc định: không có
yellowTo

Giá trị cao nhất của một dải ô được đánh dấu bằng màu vàng.

Loại: number
Mặc định: không có

Các tuỳ chọn cấu hình biểu đồ địa lý

Tên
backgroundColor

Màu nền cho khu vực 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Màu sắc để chỉ định cho các vùng không có dữ liệu liên kết.

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 giá trị là null hoặc không được chỉ định. Giá trị này khác với datalessRegionColor, là màu được sử dụng khi thiếu dữ liệu.

Loại: string
Mặc định: '#267114'
displayMode

Đây là loại biểu đồ địa lý nào. Định dạng DataTable phải khớp với giá trị được chỉ định. Các giá trị sau đây đượ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 cho các khu vực bằng văn bản từ 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ú giải

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 cố định đối tượng như sau: 

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

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Khu vực hiển thị trên biểu đồ địa lý. Các khu vực xung quanh cũng được hiển thị. Có thể là một trong những giá trị sau:

  • 'world' – Biểu đồ địa lý của toàn thế giới.
  • Một lục địa hoặc tiểu lục địa, được chỉ định bằng mã gồm 3 chữ số, ví dụ: '011' cho Tây Phi.
  • Một quốc gia, được chỉ định bằng mã ISO 3166-1 alpha-2, ví dụ: 'AU' cho Úc.
  • Một tiểu bang ở Hoa Kỳ, được chỉ định bằng mã ISO 3166-2:US, ví dụ: 'US-AL' cho Alabama. Xin lưu ý rằng bạn phải đặt tuỳ chọn resolution thành 'provinces' hoặc 'metros'.
Loại: string
Mặc định: "world"
chiều rộng

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

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

Các tuỳ chọn cấu hình biểu đồ dạng hình thang

Tên
backgroundColor

Màu nền cho khu vực 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object/div>
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

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

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

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

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

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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

Mã hoá cứng kích thước của mỗi thanh biểu đồ, thay vì để kích thước được xác định bằng thuật toán.

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

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

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

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

Biểu đồ Vùng không hỗ trợ tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

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

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

Loại: number
Mặc định: tự động
chiều rộng

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

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

Tuỳ chọn cấu hình biểu đồ dạng đường

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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 độ cong của các đường khi chiều rộng đường không bằng 0. Có thể là một trong những giá trị sau:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường sẽ được làm mượt.
Loại: string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

Liệu có nên đoán giá trị của các điểm bị thiếu hay không. Nếu là true, hàm 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, thì dòng sẽ bị ngắt tại điểm không xác định.

Biểu đồ Vùng không hỗ trợ tuỳ chọn isStacked: true/'percent'/'relative'/'absolute'.

Loại: boolean
Mặc định: false
chú giải

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Chiều rộng của đường dữ liệu tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng bộ 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 hiển thị tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đườ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 đè bằng tuỳ chọn trendlines.n.pointsize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng phương thức này để điều khiển, chẳng hạn như textStyle cho chuỗi: 

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

    Hãy xem các tuỳ chọn annotations khác nhau để biết danh sách đầy đủ hơn về những nội dung có thể được 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 các thanh thực sự 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 sắc cần sử dụng cho chuỗi này. Chỉ định một chuỗi màu HTML hợp lệ.
  • curveType – Ghi đè giá trị curveType chung cho chuỗi này.
  • labelInLegend – Nội dung mô tả về chuỗi sẽ xuất hiện trong chú giải biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • lineWidth – Ghi đè giá trị lineWidth chung cho chuỗi này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho chuỗi này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • targetAxisIndex – Trục cần gán cho chuỗi này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi khác nhau được hiển thị trên các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi cho trục mặc định. Bạn có thể xác định một tỷ lệ khác nhau cho các trục.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có mục chú giải và false có nghĩa là chuỗi không được có mục chú giải. Giá trị mặc định là true.

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Loại: boolean
đường xu hướng

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

Đường xu hướng được chỉ định trên cơ sở mỗi chuỗi, vì vậy, hầu hết các lựa chọn của bạn sẽ 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ị dưới dạng tên màu bằng tiếng Anh hoặc chuỗi thập lục phân.

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

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

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

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

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

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 có phải là 'linear' (mặc định), 'exponential' hay 'polynomial'.

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

Biểu thức đường xu hướng có xuất hiện trong chú giải hay không. Giá trị này sẽ xuất hiện trong chú giải công cụ của đường xu hướng.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các tuỳ chọn cấu hình biểu đồ tổ chức

Tên
màu

Màu nền của các thành phần trong sơ đồ tổ chức.

Loại: string
Mặc định: '#edf7ff'
selectionColor

Màu nền của các thành phần trong sơ đồ tổ chức đã chọn.

Loại: string
Mặc định: '#d6e9f8'
size

Kích thước tổng thể của biểu đồ. Các tuỳ chọn bao gồm 'small', 'medium' hoặc 'large'.

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

Các tuỳ chọn cấu hình biểu đồ hình tròn

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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 true, hiển thị biểu đồ ba chiều.

Loại: boolean
Mặc định: false
chú giải

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu nằm trong khoảng từ 0 đến 1, hãy hiển thị biểu đồ hình donut. Lỗ có bán kính 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 hiển thị trên lát cắt. Có thể là một trong những giá trị sau:

  • 'percentage' – Tỷ lệ phần trăm kích thước lát cắt trên tổng kích thước.
  • '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

Một đối tượng chỉ định kiểu văn bản lát cắt. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

Loại: boolean
Mặc định: false
slices.color

Màu sắc để sử dụng cho lát cắt này.

Loại: string
phụ đề

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

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. 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>}

Các tuỳ chọn cấu hình biểu đồ tán xạ

Tên
backgroundColor

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

Màu sắc dùng cho các phần tử biểu đồ. Một mảng các 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 độ cong của các đường khi chiều rộng đường không bằng 0. Có thể là một trong những giá trị sau:

  • 'none' – Đường thẳng không có đường cong.
  • 'function' – Các góc của đường sẽ được làm mượt.
Loại:string
Mặc định: "none"
hAxis

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

{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 các đường lưới ngang bên trong vùng biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Thuộc tính hAxis giúp trục hoành trở thành thang logarit (yêu cầu tất cả giá trị đều 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ị đã chỉ định; giá trị này sẽ nằm ở bên phải trong hầu hết các biểu đồ. 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 phụ trên trục hoành, 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 phụ theo chiều ngang bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Di chuyển giá trị tối thiểu của trục hoành đến giá trị đã chỉ định; giá trị này sẽ nằm ở bên trái trong hầu hết các biểu đồ. Bị 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ụ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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Chiều rộng của đường dữ liệu tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các đường và chỉ hiển thị các điểm. Bạn có thể ghi đè các giá trị cho từng bộ 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 hiển thị tính bằng pixel. Sử dụng giá trị 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng bộ bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đườ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 đè bằng tuỳ chọn trendlines.n.pointsize.

Loại: number
Mặc định: 0
loạt phim

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

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

Bạn có thể chỉ định một mảng đối tượng, trong đó mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho,hoặc bạn có thể chỉ định một đối tượng trong đó mỗi đối tượng con có một khoá số cho biết đố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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Loại: boolean
đường xu hướng

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

Đường xu hướng được chỉ định trên cơ sở mỗi chuỗi, vì vậy, hầu hết các lựa chọn của bạn sẽ 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ị dưới dạng tên màu bằng tiếng Anh hoặc chuỗi thập lục phân.

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

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

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

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

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

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 có phải là 'linear' (mặc định), 'exponential' hay 'polynomial'.

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

Biểu thức đường xu hướng có xuất hiện trong chú giải hay không. Giá trị này sẽ xuất hiện trong chú giải công cụ của đường xu hướng.

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

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

Các tuỳ chọn cấu hình biểu đồ vùng dạng bậc

Tên
areaOpacity

Độ mờ mặc định của vùng có 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ờ. Để chỉ định độ mờ cho một chuỗi riêng lẻ, hãy đặt giá trị areaOpacity trong thuộc tính series.

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

Màu nền cho khu vực chính 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 tô của biểu đồ, dưới dạng chuỗi màu HTML.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi vẽ chính biểu đồ, ngoại trừ trục và chú giải). Hệ thống hỗ trợ hai định dạng: một số hoặc một số theo sau là %. Một số đơn giản là một giá trị tính bằng pixel; một số theo sau là % là một 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 sử dụng một đối tượng, bạn có thể cung cấp các thuộc tính sau:
  • stroke: Màu sắc, đượ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ẽ đường viền xung quanh khu vực biểu đồ có chiều rộng đã cho (và có màu stroke).
Loại: string hoặc object
Mặc định: 'white'
chartArea.height

Chiều cao 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 bên trái.

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

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

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

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

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

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

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

Một đối tượng có các thành phần để định cấu hình 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à các giá trị dọc theo trục hoành tăng lên. Chỉ định -1 để đảo ngược thứ tự các giá trị.

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

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

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

Một đối tượng chỉ định kiểu văn bản trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục hoành. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 cố định đối tượng như sau: 

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

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

  • 'bottom' – Bên dưới biểu đồ.
  • 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với nó. 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 hiển thị chú giải.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với tuỳ chọn vAxes.
  • 'top' – Phía trên biểu đồ.
Loại: string
Mặc định: 'right'
legendTextStyle

Một đối tượng chỉ định kiểu văn bản chú giải. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

Nếu được đặt thành true, sẽ vẽ chuỗi từ phải sang trái. Giá trị mặc định là vẽ từ trái sang phải.

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

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

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

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu sắc cần sử dụng cho chuỗi này. Chỉ định một 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 các thanh thực sự 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ề chuỗi sẽ xuất hiện trong chú giải biểu đồ.
  • lineDashStyle – Ghi đè giá trị lineDashStyle chung cho chuỗi này.
  • targetAxisIndex – Trục cần gán cho chuỗi này, trong đó 0 là trục mặc định và 1 là trục đối diện. Giá trị mặc định là 0; đặt thành 1 để xác định một biểu đồ trong đó các chuỗi khác nhau được hiển thị trên các trục khác nhau. Bạn phải phân bổ ít nhất một chuỗi cho trục mặc định. Bạn có thể xác định một tỷ lệ khác nhau cho các trục.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có mục chú giải và false có nghĩa là chuỗi không được có mục chú giải. Giá trị mặc định là true.

Bạn có thể chỉ định một mảng các đối tượng, mỗi đối tượng áp dụng cho chuỗi theo thứ tự đã cho, hoặc bạn có thể chỉ định một đối tượng trong đó mỗi phần tử con có một khoá số cho biết chuỗi nào áp dụng cho đối tượng đó.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 là màu đen và không có trong chú giải, còn chuỗi thứ tư là màu đỏ và không có trong chú giải: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Loại: Mảng đố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 sẽ hiển thị bên dưới tiêu đề biểu đồ.

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ, đồng thời vẽ chú giải và tất cả nhãn trong vùng biểu đồ.
Loại: string
Mặc định: null
tiêu đề

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

Loại: boolean
useFirstColumnAsDomain

Nếu được đặt thành true, biểu đồ sẽ coi cột này 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 tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

Để chỉ định một biểu đồ có nhiều trục dọc, trước tiên, hãy xác định một trục mới bằng cách sử dụng series.targetAxisIndex, sau đó định cấu hình trục đó bằng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục phải và chỉ định tiêu đề tuỳ chỉnh và kiểu văn bản 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ỗi trục có một đối tượng. Ví dụ: ký hiệu kiểu mảng sau đây giống hệt 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ó đối tượng con
Mặc định: null
vAxis

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

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

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

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

Một đối tượng có các thành phần để định cấu hình các đường lưới trên trục dọc. Xin lưu ý rằng các đường lưới theo trục dọc đượ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ư sau: 

{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 các đường lưới dọc bên trong khu vực biểu đồ. Chỉ định một chuỗi màu HTML hợp lệ.

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

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

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

Nếu true, hãy đặt trục tung thành thang 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 dọc đến giá trị đã chỉ định; giá trị này sẽ tăng lên trong hầu hết biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max 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 phụ trên trục dọc, tương tự như tuỳ chọn vAxis.gridlines.

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

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm trong hầu hết các biểu đồ. Bỏ qua nếu bạn đặt giá trị này 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ụ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

Một đối tượng chỉ định kiểu văn bản trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề trục tung. Đối tượng có định dạng như 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'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

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

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

Bỏ qua khi vAxis.viewWindowMode là "pretty" (gọn gàng) hoặc "maximized" (mở rộng tối đa).

Loại: number
Mặc định: tự động
chiều rộng

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

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

Tuỳ chọn cấu hình biểu đồ dạng bảng

Tên
alternatingRowStyle

Xác định xem kiểu màu luân phiên có được chỉ định cho các hàng lẻ và 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

Liệu có nên và cách bật tính năng phân trang dữ liệu. Chọn một trong các giá trị string sau:

  • 'enable' – Bảng sẽ bao gồm các nút chuyển tiếp trang và quay lại trang. Khi nhấp vào các nút này, thao tác phân trang sẽ được thực hiện và thay đổi trang hiển thị. Bạn cũng nên đặt tuỳ chọn pageSize.
  • 'event' – Bảng sẽ bao gồm các nút chuyển tiếp trang và quay lại trang, nhưng khi nhấp vào các nút này, hệ thống sẽ kích hoạt một sự kiện 'page' và không thay đổi trang đang 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 để biết ví dụ về cách xử lý các sự kiện phân trang theo cách thủ công.
  • 'disable' – [Mặc định] Không hỗ trợ phân trang.
    • Loại: string
    Mặc định: 'disable'
pageSize

Số hàng trong mỗi trang khi bạn bật tính năng phân trang bằng tuỳ chọn trang.

Loại: number
Mặc định: 10
showRowNumber

Nếu được đặt thành true, sẽ hiển thị số thứ tự của hàng dưới dạng cột đầu tiên của bảng.

Loại: boolean
Mặc định: false
sắp xếp

Liệu có nên và cách sắp xếp các 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ả thuộc tính sortAscending và sortColumn. Chọn một trong các giá trị string sau:

  • 'enable' – [Mặc định] Người dùng có thể nhấp vào tiêu đề cột để sắp xếp theo cột đã nhấp. Khi người dùng nhấp vào tiêu đề cột, các hàng sẽ tự động được sắp xếp và sự kiện 'sort' sẽ được kích hoạt.
  • 'event' – Khi người dùng nhấp vào tiêu đề cột, một sự kiện 'sort' sẽ được kích hoạt, nhưng các hàng sẽ không tự động được sắp xếp. 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' – Thao tác nhấp vào tiêu đề cột không có hiệu lực.
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. Bỏ qua nếu không chỉ định sortColumn.

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

Chỉ mục của một cột trong bảng dữ liệu, theo đó bảng được sắp xếp ban đầu. Cột này được đánh dấu bằng một mũi tên nhỏ cho biết thứ tự sắp xếp.

Loại: number
Mặc định: -1
chiều rộng

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

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

Các lựa chọn cấu hình dòng thời gian

Tên
backgroundColor

Màu nền cho khu vực chính 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ắc dùng cho các phần tử biểu đồ. Một mảng các 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

Các tuỳ chọn cấu hình bản đồ cây

Tên
headerColor

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

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

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

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

Số cấp nút tối đa sẽ hiển thị trong chế độ xem hiện tại. Các cấp được làm phẳng thành mặt phẳng hiện tại. Nếu cây có nhiều cấp hơn, bạn phải di chuyển lên hoặc xuống để xem các cấp đó. Ngoài ra, bạn có thể thấy các cấp maxPostDepth bên dưới dưới dạng hình chữ nhật được tô bóng trong các nút này.

Loại: number
Mặc định: 1
maxPostDepth

Số cấp nút ngoài maxDepth để hiển thị theo kiểu "gợi ý". Các nút được gợi ý hiển thị dưới dạng hình chữ nhật được tô bóng trong một nút nằm trong giới hạn maxDepth.

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

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

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

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

Loại: string
Mặc định: #dd0000
noColor

Màu sắc cần sử dụng cho hình chữ nhật khi một nút không có giá trị cho cột 3 và nút đó là một lá (hoặc chỉ chứa lá). Chỉ định giá trị màu HTML.

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

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

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

Một đố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'. Ngoài ra, hãy xem fontName và fontSize.

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Màu sắc có thể là bất kỳ chuỗi màu HTML nào, ví dụ: 'red' hoặc '#00cc00'. Ngoài ra, hãy xem fontName và fontSize.

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

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

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

Một đối tượng chỉ định kiểu văn bản tiêu đề. Đối tượng có định dạng như 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'. 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>}