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

Các loại biểu đồ

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

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

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

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

Có hiện các nút thu phóng ("1d 5d 1m" và các nút khác) 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 để hiển thị trên trục Y. Nếu số điểm dữ liệu tối đa vượt quá giá trị này, thì chế độ cài đặt này sẽ bị bỏ qua và biểu đồ sẽ được điều chỉnh để hiện dấu đánh dấu chính tiếp theo ở trên điểm dữ liệu tối đa. Giá trị này được ưu tiên hơn giá trị tối đa trên trục Y do scaleType xác định.

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

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 dấu đánh dấu chính tiếp theo bên dưới điểm dữ liệu tối thiểu. Tham số này được ưu tiên hơn giá trị tối thiểu trên trục Y do scaleType xác định.

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

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

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

Tên
areaOpacity

Độ mờ mặc định của vùng có màu trong 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 vùng chính của biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00', hoặc một đối tượng có các thuộc tính sau.

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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

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

Không được biểu đồ vùng hỗ trợ bằng lựa chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu được đặt thành true, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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 nào liên kết với nó. Vì vậy, nếu bạn muốn chú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm 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 số 0 để ẩn tất cả các đường và chỉ hiện các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

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

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

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

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

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng lệnh 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 lựa chọn annotations để nắm được danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu sắc 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 bộ sách này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho bộ sách này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • targetAxisIndex – Trục để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này 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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 các thuộc tính cho từng trục ngang, nếu biểu đồ có nhiều trục ngang. Mỗi đối tượng con là một đối tượng hAxis và có thể chứa tất cả các thuộc tính mà hAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một thuộc tính.

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

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng lệnh 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 lựa chọn annotations để nắm được danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • color – Màu sắc 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

Hiển thị đường xu hướng trên những biểu đồ hỗ trợ đường xu hướng. Theo mặc định, các đường xu hướng linear sẽ được dùng, nhưng bạn có thể tuỳ chỉnh bằng lựa 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 thời gian 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 mặc định của chuỗi
trendlines.n.degree

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

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

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

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

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

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

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

Phương trình đường xu hướng có xuất hiện trong chú giải hay không. Đường xu hướng sẽ xuất hiện trong chú giải công cụ.

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

Các lựa chọn cấu hình biểu đồ bong bóng

Tên
backgroundColor

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

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

Màu nền 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 thuộc tính trực quan của các bong bóng.

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

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

Loại: số từ 0,0 đến 1,0
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 của bong bóng. Đố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'. Xem thêm fontName và fontSize.

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

Một đối tượng có các thành phần để định cấu hình vị trí và kích thước của vùng biểu đồ (nơi chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: 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 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Một đối tượng của các đối tượng, trong đó các 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu sắc 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ột mục chú thích và false có nghĩa là chuỗi không được có. 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. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

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

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

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

Văn bản sẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này 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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

Các lựa chọn về cấu hình lịch

Tên
độ cao

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

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

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

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu sắc 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

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

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng lệnh 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 lựa chọn annotations để nắm được danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • color – Màu sắc 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.

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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

Hiển thị đường xu hướng trên những biểu đồ hỗ trợ đường xu hướng. Theo mặc định, các đường xu hướng linear sẽ được dùng, nhưng bạn có thể tuỳ chỉnh bằng lựa 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 thời gian 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 mặc định của chuỗi
trendlines.n.degree

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

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

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

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

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

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

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

Phương trình đường xu hướng có xuất hiện trong chú giải hay không. Đường xu hướng sẽ xuất hiện trong chú giải công cụ.

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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

Các lựa chọn về 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 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 vùng chính của biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00', hoặc một đối tượng có các thuộc tính sau.

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 đường 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 trạng thái sau:

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

Một đối tượng có các thành phần để định cấu hình 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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

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

Không được biểu đồ vùng hỗ trợ bằng lựa chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu được đặt thành true, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm 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 số 0 để ẩn tất cả các đường và chỉ hiện các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

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

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

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

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì lựa 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 lựa chọn trendlines.n.pointsize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng lệnh 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 lựa chọn annotations để nắm được danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • areaOpacity – Ghi đè areaOpacity chung cho bộ sách này.
  • color – Màu sắc 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 bộ sách 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 bộ sách này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho bộ sách 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • type – Loại điểm đánh dấu cho chuỗi này. Các giá trị hợp lệ là "line", "area", "bars" và "steppedArea". Xin lưu ý rằng các thanh thực sự là các thanh dọc (cột). Giá trị mặc định được chỉ định bằng lựa chọn seriesType của biểu đồ.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

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

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

Tên
greenColor

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

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

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

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

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 dấu đánh dấu chính tiếp theo bên dưới điểm dữ liệu tối thiểu. Tham số này được ưu tiên hơn giá trị tối thiểu trên trục Y do scaleType xác định.

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

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

Màu 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 cho 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 cho một phạm vi đượ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 dùng cho phần màu vàng theo ký hiệu màu HTML.

Loại: string
Mặc định: '#FF9900'
yellowFrom

Giá trị thấp nhất cho 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 cho một phạm vi được đánh dấu bằng màu vàng.

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

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

Tên
backgroundColor

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

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

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

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

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

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

Màu dùng cho các điểm dữ liệu trong biểu đồ địa lý khi vị trí (ví dụ: 'US') xuất hiện nhưng giá trị là null hoặc không được chỉ định. Điều này khác với datalessRegionColor, là màu được dùng khi thiếu dữ liệu.

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

Đây là loại biểu đồ địa lý. Định dạng DataTable phải khớp với giá trị được chỉ định. Sau đây là các giá trị được hỗ trợ:

  • 'auto' – Chọn dựa trên định dạng của DataTable.
  • 'regions' – Tô màu các khu vực trên biểu đồ địa lý.
  • 'markers' – Đặt điểm đánh dấu trên các khu vực.
  • 'text' – Gắn nhãn các khu vực bằng văn bản trong DataTable.
Loại: string
Mặc định: "auto"
độ cao

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

Loại: number
Mặc định: chiều cao của phần tử chứa
chú 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

{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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

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

  • 'world' – 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 lựa chọn resolution thành 'provinces' hoặc 'metros'.
Loại: string
Mặc định: "world"
chiều rộng

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

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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ên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

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

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

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

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

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

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

Bỏ các đường chia mỏng giữa các khối của biểu đồ, biến biểu đồ thành một loạt các 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 đồ tần suất, hãy bỏ qua phần trăm lastBucketPercentile trên cùng và dưới cùng. Các giá trị này vẫn được đưa vào biểu đồ tần suất nhưng không ảnh hưởng đến việc phân nhóm.

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

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

Không được biểu đồ vùng hỗ trợ bằng lựa chọn isStacked: true/'percent'/'relative'/'absolute'.

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

Nếu được đặt thành true, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu sắc 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

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

Loại: boolean
vAxes

Chỉ định các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 đường 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 trạng thái sau:

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

Một đối tượng có các thành phần để định cấu hình 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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

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

Không được biểu đồ vùng hỗ trợ bằng lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm 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 số 0 để ẩn tất cả các đường và chỉ hiện các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

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

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

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

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì lựa 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 lựa chọn trendlines.n.pointsize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • annotations – Một đối tượng sẽ được áp dụng cho chú thích của chuỗi này. Bạn có thể dùng lệnh 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 lựa chọn annotations để nắm được danh sách đầy đủ hơn về những nội dung có thể tuỳ chỉnh.

  • type – Loại điểm đánh dấu cho 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 lựa chọn seriesType của biểu đồ.
  • color – Màu sắc 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 bộ sách 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 bộ sách này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho bộ sách này.
  • pointsVisible – Ghi đè giá trị pointsVisible chung cho chuỗi này.
  • targetAxisIndex – Trục để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

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

Loại: boolean
đường xu hướng

Hiển thị đường xu hướng trên những biểu đồ hỗ trợ đường xu hướng. Theo mặc định, các đường xu hướng linear sẽ được dùng, nhưng bạn có thể tuỳ chỉnh bằng lựa 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 thời gian 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 mặc định của chuỗi
trendlines.n.degree

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

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

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

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

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

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

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

Phương trình đường xu hướng có xuất hiện trong chú giải hay không. Đường xu hướng sẽ xuất hiện trong chú giải công cụ.

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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

Tên
màu

Màu nền của các phần tử trong biểu đồ tổ chức.

Loại: string
Mặc định: '#edf7ff'
selectionColor

Màu nền của các phần tử được chọn trong biểu đồ tổ chức.

Loại: string
Mặc định: '#d6e9f8'
size

Kích thước tổng thể của biểu đồ. Các lựa chọn bao gồm 'small', 'medium' hoặc 'large'.

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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, sẽ 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu nằm trong khoảng từ 0 đến 1, sẽ hiển thị biểu đồ vòng. 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à biểu đồ hai chiều.

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

Nội dung của văn bản xuất hiện trên lát cắt. Có thể là một trong những trạng thái sau:

  • 'percentage' – Tỷ lệ phần trăm kích thước của lát cắt so với 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 có văn bản nào xuất hiện.
Loại: string
Mặc định: 'percentage'
pieSliceTextStyle

Một đối tượng chỉ định kiểu văn bản của 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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa chọn này chỉ được hỗ trợ cho trục discrete major.

Loại: boolean
Mặc định: false
slices.color

Màu dùng cho lát cắt này.

Loại: string
phụ đề

Văn bản sẽ xuất hiện 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'. Xem thêm 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'. Xem thêm fontName và fontSize.

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

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

Tên
backgroundColor

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

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 đường 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 trạng thái sau:

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

Một đối tượng có các thành phần để định cấu hình 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Một đối tượng có các thuộc tính để định cấu hình đường lưới trên trục ngang. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

hAxis thuộc tính giúp trục hoành trở thành thang đo logarit (yêu cầu tất cả giá trị phải là số dương). Đặt thành true cho có.

Lựa 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 ngang đế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ị bỏ qua nếu bạn đặt giá trị này thành một giá trị nhỏ hơn giá trị x tối đa của dữ liệu. hAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

Lựa 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ụ 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: 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 đường kẻ 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à khoảng trống 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 ngang đến giá trị được 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 sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm 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 số 0 để ẩn tất cả các đường và chỉ hiện các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series.

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

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

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

Đường kính của các điểm hiển thị tính bằng pixel. Sử dụng 0 để ẩn tất cả các điểm. Bạn có thể ghi đè các giá trị cho từng chuỗi bằng cách sử dụng thuộc tính series. Nếu bạn đang sử dụng đường xu hướng, thì lựa 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 lựa 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 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • color – Màu sắc 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 bộ sách này.
  • pointShape – Ghi đè giá trị pointShape chung cho chuỗi này.
  • pointSize – Ghi đè giá trị pointSize chung cho bộ sách 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ột mục chú thích và false có nghĩa là chuỗi không được có. 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 đố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ụ: 2 khai báo sau đây giống hệt nhau, 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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

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

Loại: boolean
đường xu hướng

Hiển thị đường xu hướng trên những biểu đồ hỗ trợ đường xu hướng. Theo mặc định, các đường xu hướng linear sẽ được dùng, nhưng bạn có thể tuỳ chỉnh bằng lựa 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 thời gian 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 mặc định của chuỗi
trendlines.n.degree

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

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

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

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

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

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

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

Phương trình đường xu hướng có xuất hiện trong chú giải hay không. Đường xu hướng sẽ xuất hiện trong chú giải công cụ.

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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

Các lựa chọn cấu hình biểu đồ vùng dạng bậc

Tên
areaOpacity

Độ mờ mặc định của vùng có màu trong 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 vùng chính của biểu đồ. Có thể là một chuỗi màu HTML đơn giản, ví dụ: 'red' hoặc '#00cc00', hoặc một đối tượng có các thuộc tính sau.

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

Màu nền 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 chính biểu đồ được vẽ, không bao gồm trục và chú thích). Có 2 định dạng được hỗ trợ: một số hoặc một số theo sau là %. Một số đơn giản là giá trị tính bằng pixel; một số theo sau là % là tỷ lệ phần trăm. Ví dụ: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Loại: object
Mặc định: null
chartArea.backgroundColor
Màu nền của vùng biểu đồ. Khi 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, sẽ vẽ một đường viền xung quanh vùng biểu đồ có chiều rộng đã cho (và có màu của 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 gồm 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 chữ theo đối tượng, như minh hoạ ở đâ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 ngang tăng lên. Chỉ định -1 để đảo ngược thứ tự của các giá trị.

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

Vị trí của văn bản trên trục hoành, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

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

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

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

Bị 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 tối thiểu theo chiều ngang để hiển thị.

Bị 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, sẽ 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, Vùng và SteppedArea, Google Charts sẽ đảo ngược thứ tự của các mục chú thích để tương ứng hơn với việc xếp chồng các phần tử chuỗi (Ví dụ: chuỗi 0 sẽ là mục chú thích dưới cùng). Quy tắc này không áp dụng cho Biểu đồ thanh.

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

Các lựa chọn cho isStacked là:

  • false – các phần tử sẽ không xếp chồng lên nhau. Đâ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ệ để tổng các phần tử bằng 100%, với giá trị của mỗi phần tử được tính bằng tỷ lệ phần trăm của 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 bằng 1, với giá trị của mỗi phần tử được tính là một phần 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 từng 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ử đó.

Trục mục tiêu sẽ mặc định là các giá trị đánh dấu dựa trên tỷ lệ 0-1 tương đối dưới dạng phân số của 1 cho 'relative' và 0-100% cho 'percent' (Lưu ý: khi sử dụng lựa chọn 'percent', các giá trị trục/đánh dấu sẽ hiển thị dưới dạng tỷ lệ phần trăm, tuy nhiên, các giá trị thực tế là các giá trị tỷ lệ 0-1 tương đối. Lý do là vì các dấu 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ệ 0-1 tương đối. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đến 1. Bạn có thể tuỳ chỉnh đường lưới/giá trị đánh dấu và định dạng bằng cách sử dụng các lựa 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ú thích. Để 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

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

  • '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ú thích ở bên trái, hãy sử dụng lựa chọn targetAxisIndex: 1.
  • 'in' – Bên trong biểu đồ, ở góc trên cùng bên trái.
  • 'none' – Không có chú giải nào xuất hiện.
  • 'right' – Ở bên phải biểu đồ. Không tương thích với lựa 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ú thích. Đố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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, thì hệ thống sẽ vẽ chuỗi từ phải sang trái. Theo mặc định, bạn sẽ vẽ từ trái sang phải.

Lựa 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ị chung sẽ được sử dụng. Mỗi đối tượng đều hỗ trợ các thuộc tính sau:

  • areaOpacity – Ghi đè areaOpacity chung cho chuỗi này.
  • color – Màu sắc 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 lựa 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 để chỉ định 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 kết xuất dựa 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 cho các trục khác nhau.
  • visibleInLegend – Giá trị boolean, trong đó true có nghĩa là chuỗi phải có một mục chú thích và false có nghĩa là chuỗi không được có. 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 đối tượng con có một khoá số cho biết chuỗi mà đối tượng đó áp dụng.Ví dụ: hai 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ú thích, còn chuỗi thứ tư là màu đỏ và không có trong chú thích: 

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ẽ xuất hiện 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'. Xem thêm fontName và fontSize.

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

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

  • 'maximized' – Tối đa hoá diện tích của biểu đồ và vẽ chú thích cũng như tất cả các nhãn bên trong vùng biểu đồ.
Loại: string
Mặc định: null
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'. Xem thêm fontName và fontSize.

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

Nếu bạn đặt thành true, biểu đồ sẽ coi cột này 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 các thuộc tính cho từng trục dọc, nếu biểu đồ có nhiều trục dọc. Mỗi đối tượng con là một đối tượng vAxis và có thể chứa tất cả các thuộc tính mà vAxis hỗ trợ. Các giá trị thuộc tính này sẽ ghi đè mọi chế độ cài đặt chung cho cùng một 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 cách sử dụng vAxes. Ví dụ sau đây chỉ định chuỗi 2 cho trục bên phải và chỉ định tiêu đề cũng như kiểu văn bản tuỳ chỉnh cho chuỗi đó: 

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

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

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

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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Hướng mà các giá trị dọc theo trục tung tăng lên. 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ủa các giá trị.

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

Một đối tượng có các thành phần để định cấu hình đường lưới trên trục tung. Xin lưu ý rằng các đường lưới trên 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 chữ theo đối tượng, như minh hoạ ở đây: 

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

Lựa chọn này chỉ được hỗ trợ cho trục continuous.

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

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

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

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

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

Nếu true, thì trục tung sẽ là 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 các biểu đồ. Bị bỏ qua nếu bạn đặt giá trị này nhỏ hơn giá trị y tối đa của dữ liệu. vAxis.viewWindow.max sẽ ghi đè thuộc tính này.

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

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

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

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

Di chuyển giá trị tối thiểu của trục dọc đến giá trị đã chỉ định; giá trị này sẽ giảm xuống 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ị y tối thiểu của dữ liệu. vAxis.viewWindow.min sẽ ghi đè thuộc tính này.

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

Vị trí của văn bản trên trục dọc, tương ứng 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 của 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'. Xem thêm fontName và fontSize.

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

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

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

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'. Xem thêm fontName và fontSize.

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

Chỉ định phạm vi cắt 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 cần hiển thị.

Bị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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ị bỏ qua khi vAxis.viewWindowMode là "pretty" hoặc "maximized".

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

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

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

Các lựa chọn cấu hình biểu đồ dạng bảng

Tên
alternatingRowStyle

Xác định xem kiểu màu xen kẽ sẽ được chỉ định cho các hàng lẻ và hàng chẵn hay không.

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

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

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

Có nên bật tính năng phân trang thông qua dữ liệu hay không và cách bật tính năng này. Chọn một trong các giá trị string sau:

  • 'enable' – Bảng sẽ có các nút chuyển trang về phía trước và chuyển trang về phía sau. Khi nhấp vào các nút này, thao tác phân trang sẽ được thực hiện và trang hiển thị sẽ thay đổi. Bạn cũng nên đặt lựa chọn pageSize.
  • 'event' – Bảng sẽ có các nút chuyển trang về phía trước và chuyển trang về phía sau, nhưng khi nhấp vào các nút này, sự kiện 'page' sẽ được kích hoạt và trang được hiển thị sẽ không thay đổi. Bạn nên sử dụng lựa chọn này khi mã triển khai logic chuyển trang riêng. 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ố lượng hàng trong mỗi trang, khi bạn bật tính năng phân trang bằng lựa chọn trang.

Loại: number
Mặc định: 10
showRowNumber

Nếu được đặt thành true, thì số hàng sẽ xuất hiện dưới dạng cột đầu tiên của bảng.

Loại: boolean
Mặc định: false
sắp xếp

Cách sắp xếp các cột (nếu có) 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 đây:

  • '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à một sự kiện 'sort' sẽ được kích hoạt.
  • 'event' – Khi người dùng nhấp vào tiêu đề cột, sự kiện 'sort' sẽ được kích hoạt, nhưng các hàng không được tự động sắp xếp. Bạn nên sử dụng lựa chọn này khi trang triển khai phương thức 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' – Nhấp vào tiêu đề cột không có tác dụng.
Loại: string
Mặc định: 'enable'
sortAscending

Thứ tự sắp xếp của cột sắp xếp ban đầu. True để tăng dần, false để giảm dần. Bỏ qua nếu bạn không chỉ định sortColumn.

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

Chỉ mục của một cột trong bảng dữ liệu, 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 về cấu hình dòng thời gian

Tên
backgroundColor

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

Loại: string hoặc object
Mặc định: 'white'
màu

Màu sắc dùng cho các phần tử biểu đồ. Một mảng gồm 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 lựa chọn cấu hình biểu đồ dạng sơ đồ cây

Tên
headerColor

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

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

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

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

Số lượng cấp nút tối đa để hiển thị trong chế độ xem hiện tại. Các cấp được làm phẳng thành mặt phẳng hiện tại. Nếu cây của bạn 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 maxPostDepth cấp bên dưới cấp này dưới dạng các hình chữ nhật được tô bóng trong các nút này.

Loại: number
Mặc định: 1
maxPostDepth

Số lượng cấp nút ngoài maxDepth cần hiển thị theo kiểu "gợi ý". Các nút được gợi ý xuất hiện 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 nằm giữa maxColorValue và minColorValue. Chỉ định một 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 một giá trị màu HTML.

Loại: string
Mặc định: #dd0000
noColor

Màu sắc 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 nút lá (hoặc chỉ chứa các nút lá). Chỉ định một giá trị màu HTML.

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

Văn bản sẽ xuất hiện 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'. Xem thêm 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'. Xem thêm fontName và fontSize.

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