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

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

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.

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.

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 ở phía trên điểm dữ liệu tối đa. Giá trị này được ưu tiên hơn giá trị tối đa trên trục Y do scaleType xác định.

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

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 để cho thấy 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.

Độ 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.

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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ẽ đ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'.

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ả chuỗi tại mỗi giá trị miền và điều chỉnh tỷ lệ các phần tử đó sao cho tổng cá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ệ để tổng các phần tử 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 mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế của phần tử đó.

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ệ tương đối từ 0 đến 1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đế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.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có series liên kết với trục đó. 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 đồ.

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.

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.

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ụ.

Đườ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 đặ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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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
    

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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ả chuỗi tại mỗi giá trị miền và điều chỉnh tỷ lệ các phần tử đó sao cho tổng cá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ệ để tổng các phần tử 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 mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế của phần tử đó.

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ệ tương đối từ 0 đến 1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đế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.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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
    }
  }
}
    

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.

Đố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.).

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.

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

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

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ụ.

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

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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.

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

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.

Độ 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.

Màu của nét vẽ bong bóng.

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.

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

series: {'Europe': {color: 'green'}}

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}

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

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

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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

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

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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}
}

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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ả chuỗi tại mỗi giá trị miền và điều chỉnh tỷ lệ các phần tử đó sao cho tổng cá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ệ để tổng các phần tử 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 mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế của phần tử đó.

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ệ tương đối từ 0 đến 1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đế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.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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
    }
  }
}
    

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.

Đố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.).

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.

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

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

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ụ.

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

Độ 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.

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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 đây:

• 'none' – Đường thẳng không có đường cong.
• 'function' – Các góc của đường sẽ được làm mịn.

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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ẽ đ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'.

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ả chuỗi tại mỗi giá trị miền và điều chỉnh tỷ lệ các phần tử đó sao cho tổng cá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ệ để tổng các phần tử 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 mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế của phần tử đó.

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ệ tương đối từ 0 đến 1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đế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.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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ụ.

Đườ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.

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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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

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

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

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

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 ở phía trên điểm dữ liệu tối đa. Giá trị này được ưu tiên hơn giá trị tối đa trên trục Y do scaleType xác định.

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

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 để cho thấy 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.

Màu dùng cho phần màu đỏ trong ký hiệu màu HTML.

Giá trị thấp nhất cho một dải được đánh dấu bằng màu đỏ.

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

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

Màu dùng cho phần màu vàng theo ký hiệu màu HTML.

Giá trị thấp nhất cho một dải được đánh dấu bằng màu vàng.

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

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.

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

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

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.

Đâ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.

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

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}}

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.

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'.

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

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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'
  }
}
    

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.

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

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

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.

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ệ.

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).

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'.

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.

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

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.

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

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'.

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'.

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

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.

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.

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.

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ẽ đ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'.

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ả chuỗi tại mỗi giá trị miền và điều chỉnh tỷ lệ các phần tử đó sao cho tổng cá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ệ để tổng các phần tử 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 mỗi phần tử sẽ xuất hiện trong chú giải công cụ sau giá trị thực tế của phần tử đó.

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ệ tương đối từ 0 đến 1. Khi sử dụng isStacked: 'percent', hãy nhớ chỉ định mọi dấu đánh dấu/đường lưới bằng cách sử dụng các giá trị tỷ lệ tương đối từ 0 đế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.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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 đây:

• 'none' – Đường thẳng không có đường cong.
• 'function' – Các góc của đường sẽ được làm mịn.

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'
  }
}
    

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

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.

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

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

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.

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.

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.

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ệ.

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).

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.

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'.

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.

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

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.

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

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'.

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'.

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

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ẽ đ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'.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

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.

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ụ.

Đườ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.

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.

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}
}
    

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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

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.

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

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
    }
  }
}
    

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.

Đố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.).

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.

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

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

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ụ.

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

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
  }
]
    

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'}}

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

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.

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ệ.

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

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.

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.

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.

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ệ.

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.

Di chuyển giá trị tối thiểu của trục dọc đến giá trị được 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.

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

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.

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

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.

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

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".

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".

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

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

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'.

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.

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

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%'}

• 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).

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

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

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

Chiều rộng vùng biể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'].

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

Nếu true, sẽ hiển thị biểu đồ ba chiều.

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}}

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

• 'bottom' – Bên dưới biểu đồ.
• 'left' – Ở bên trái biểu đồ, miễn là trục trái không có chuỗi nào liên kết với trục đó. 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 đồ.

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.

Nếu nằm trong khoảng từ 0 đến 1, sẽ hiển thị biểu đồ vòng. Lỗ này có bán kính bằng number lần bán kính của biểu đồ.

Màu của đường viền lát cắt. Chỉ áp dụng khi biểu đồ là biểu đồ hai chiều.

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 đây:

• 'percentage' – Tỷ lệ phần trăm kích thước của lá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.

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.

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.

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

Văn bản sẽ xuất hiện bên dưới tiêu đề biểu đồ.

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.

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

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.

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.

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

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%'}

• 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).