图表配置选项

图表类型

注释图表配置选项

名称
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
displayRangeSelector

是否显示缩放范围选择区域(图表底部的区域),其中 false 表示不显示。

缩放选择器中的轮廓是图表中第一个序列的对数缩放版本,经过缩放后可适应缩放选择器的高度。

类型:boolean
默认值:true
displayZoomButtons

是否显示缩放按钮(“1 天”“5 天”“1 个月”等),其中 false 表示不显示。

类型:boolean
默认值:true
max

Y 轴上显示的最大值。如果最大数据点超过此值,系统会忽略此设置,并调整图表以显示高于最大数据点的下一个主要刻度标记。此值优先于由 scaleType 确定的 Y 轴最大值。

这与核心图表中的 maxValue 类似。

类型:number
默认值:自动
分钟

Y 轴上显示的最小值。如果最小数据点小于此值,系统会忽略此设置,并调整图表以显示低于最小数据点的下一个主要刻度标记。此值优先于由 scaleType 确定的 Y 轴最小值。

这与核心图表中的 minValue 类似。

类型:number
默认值:自动

面积图配置选项

名称
areaOpacity

面积图序列下方彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。如需为单个序列指定不透明度,请在 series 属性中设置 areaOpacity 值。

类型: number、0.0- 1.0
默认值:0.3
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
interpolateNulls

是否猜测缺失点的值。如果值为 true,系统会根据相邻点来猜测任何缺失数据的值。如果值为 false,则会在未知点处断开线条。

不支持使用 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图。

类型:boolean
默认值:false
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 位于图表左侧,前提是左侧轴未关联任何 series。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据线的线宽(以像素为单位)。使用 0 可隐藏所有线条,仅显示点。您可以使用 series 属性替换各个序列的值。

类型:number
默认值:2
pointShape

各个数据元素的形状:'circle'、'triangle'、'square'、'diamond'、'star' 或 'polygon'。如需查看示例,请参阅 积分文档 。

类型:string
默认值:'circle'
pointSize

所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 series 属性替换各个序列的值。

类型:number
默认值:0
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,每个对象都描述了图表中相应序列的格式。如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • annotations - 要应用于相应序列注释的对象。这可用于控制序列的 textStyle,例如:

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

    如需查看可自定义内容的更完整列表,请参阅各种 annotations 选项。

  • areaOpacity - 替换相应序列的全局 areaOpacity。
  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • lineDashStyle - 替换相应序列的全局 lineDashStyle 值。
  • lineWidth - 替换相应序列的全局 lineWidth 值。
  • pointShape - 替换相应序列的全局 pointShape 值。
  • pointSize - 替换相应序列的全局 pointSize 值。
  • pointsVisible - 替换相应序列的全局 pointsVisible 值。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将相应列视为文本列。

类型:boolean
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

条形图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型:数字或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxes

用于指定各个水平轴的属性(如果图表有多个水平轴)。每个子对象都是一个 hAxis 对象,并且可以包含 hAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个水平轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 hAxes 配置该轴。下例将序列 1 分配给底部轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 hAxis 对象完全相同:

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
    
类型:对象数组,或包含子对象的对象
默认值:null
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,其中每个对象都描述了图表中相应序列的格式。 如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • annotations - 要应用于相应序列注释的对象。这可用于控制序列的 textStyle,例如:

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

    如需查看可自定义内容的更完整列表,请参阅各种 annotations 选项。

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
趋势线

在支持趋势线的图表中显示趋势线。 默认情况下,系统会使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义此设置。

趋势线是按序列指定的,因此大多数情况下,您的选项会如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型:object
默认值:null
trendlines.n.color

趋势线的颜色,以英文颜色名称或十六进制字符串表示。 趋势线

类型:string
默认值:默认序列颜色
trendlines.n.degree

对于 type: 'polynomial' 的 趋势线 ,多项式的次数(二次为 2,三次为 3,依此类推)。

类型:number
默认值:3
trendlines.n.labelInLegend

如果设置,则图例中的 趋势线 将显示为此字符串。

类型:string
默认值:null
trendlines.n.lineWidth

趋势线的线宽(以像素为单位)。

类型:number
默认值:2
trendlines.n.type

趋势线是 'linear'(默认值)、'exponential' 还是 'polynomial'。

类型:string
默认值:linear
trendlines.n.visibleInLegend

图例中是否显示 趋势线 等式。它将显示在趋势线提示中。

类型:boolean
默认值:false
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

气泡图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
气泡

一个包含用于配置气泡视觉属性的成员的对象。

类型:object
默认值:null
bubble.opacity

气泡的不透明度,其中 0 表示完全透明,1 表示完全不透明。

类型:介于 0.0 到 1.0 之间的数字
默认值:0.8
bubble.stroke

气泡描边的颜色。

类型:string
默认值:'#ccc'
bubble.textStyle

用于指定对话泡文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
系列图书

一个对象,其中包含多个对象,键是序列名称(“颜色”列中的值),每个对象都用于描述图表中相应序列的格式。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,false 表示不应具有图例条目。默认值为 true。
示例:
series: {'Europe': {color: 'green'}}
类型:包含嵌套对象的对象
默认值:{}
sizeAxis

一个包含成员的对象,用于配置如何将值与气泡大小相关联。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

 {minValue: 0,  maxSize: 20}
类型:object
默认值:null
sizeAxis.maxSize

可能的最大气泡的最大半径(以像素为单位)。

类型:number
默认值:30
sizeAxis.minSize

最小气泡的最小半径(以像素为单位)。

类型:number
默认值:5
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将相应列视为文本列。

类型:boolean
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

日历配置选项

名称
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

K 线图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,其中每个对象都描述了图表中相应序列的格式。 如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • fallingColor.fill - 替换相应序列的全局 candlestick.fallingColor.fill 值。
  • fallingColor.stroke - 替换相应序列的全局 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth - 替换相应序列的全局 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • risingColor.fill - 替换相应序列的全局 candlestick.risingColor.fill 值。
  • risingColor.stroke - 替换相应序列的全局 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth - 替换相应序列的全局 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

柱形图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,其中每个对象都描述了图表中相应序列的格式。 如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • annotations - 要应用于相应序列注释的对象。这可用于控制序列的 textStyle,例如:

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

    如需查看可自定义内容的更完整列表,请参阅各种 annotations 选项。

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
趋势线

在支持趋势线的图表中显示趋势线。 默认情况下,系统会使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义此设置。

趋势线是按序列指定的,因此大多数情况下,您的选项会如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型:object
默认值:null
trendlines.n.color

趋势线的颜色,以英文颜色名称或十六进制字符串表示。 趋势线

类型:string
默认值:默认序列颜色
trendlines.n.degree

对于 type: 'polynomial' 的 趋势线 ,多项式的次数(二次为 2,三次为 3,依此类推)。

类型:number
默认值:3
trendlines.n.labelInLegend

如果设置,则图例中的 趋势线 将显示为此字符串。

类型:string
默认值:null
trendlines.n.lineWidth

趋势线的线宽(以像素为单位)。

类型:number
默认值:2
trendlines.n.type

趋势线是 'linear'(默认值)、'exponential' 还是 'polynomial'。

类型:string
默认值:linear
trendlines.n.visibleInLegend

图例中是否显示 趋势线 等式。它将显示在趋势线提示中。

类型:boolean
默认值:false
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

组合图表配置选项

名称
areaOpacity

面积图序列下方彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。如需为单个序列指定不透明度,请在 series 属性中设置 areaOpacity 值。

类型: number、0.0- 1.0
默认值:0.3
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
curveType

控制线宽不为零时线条的曲度。 可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 系统将平滑线条的角度。
类型:string
默认值:“none”
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
interpolateNulls

是否猜测缺失点的值。如果值为 true,系统会根据相邻点来猜测任何缺失数据的值。如果值为 false,则会在未知点处断开线条。

不支持使用 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图。

类型:boolean
默认值:false
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据线的线宽(以像素为单位)。使用 0 可隐藏所有线条,仅显示点。您可以使用 series 属性替换各个序列的值。

类型:number
默认值:2
pointShape

各个数据元素的形状:'circle'、'triangle'、'square'、'diamond'、'star' 或 'polygon'。如需查看示例,请参阅 积分文档 。

类型:string
默认值:'circle'
pointSize

所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 series 属性替换各个序列的值。如果您使用的是趋势线,则 pointSize 选项会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换它。

类型:number
默认值:0
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,每个对象都描述了图表中相应序列的格式。如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • annotations - 要应用于相应序列注释的对象。这可用于控制序列的 textStyle,例如:

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

    如需查看可自定义内容的更完整列表,请参阅各种 annotations 选项。

  • areaOpacity - 替换相应系列的全局 areaOpacity。
  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • curveType - 替换相应序列的全局 curveType 值。
  • fallingColor.fill - 替换相应序列的全局 candlestick.fallingColor.fill 值。
  • fallingColor.stroke - 替换相应序列的全局 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth - 替换相应序列的全局 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • lineDashStyle - 替换相应序列的全局 lineDashStyle 值。
  • lineWidth - 替换相应序列的全局 lineWidth 值。
  • pointShape - 替换相应序列的全局 pointShape 值。
  • pointSize - 替换相应序列的全局 pointSize 值。
  • pointsVisible - 替换相应序列的全局 pointsVisible 值。
  • risingColor.fill - 替换相应序列的全局 candlestick.risingColor.fill 值。
  • risingColor.stroke - 替换相应序列的全局 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth - 替换相应序列的全局 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • type - 相应序列的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条形图实际上是竖条图(列)。默认值由图表的 seriesType 选项指定。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

仪表配置选项

名称
greenColor

以 HTML 颜色表示法表示的绿色部分所使用的颜色。

类型:string
默认值:'#109618'
greenFrom

以绿色标记的范围的最低值。

类型:number
默认值:无
greenTo

以绿色标记的范围的最高值。

类型:number
默认值:无
高度

图表的高度(以像素为单位)。

类型:number
默认值:容器的宽度
max

Y 轴上显示的最大值。如果最大数据点超过此值,系统会忽略此设置,并调整图表以显示高于最大数据点的下一个主要刻度标记。此值优先于由 scaleType 确定的 Y 轴最大值。

这与核心图表中的 maxValue 类似。

类型:number
默认值:自动
分钟

Y 轴上显示的最小值。如果最小数据点小于此值,系统会忽略此设置,并调整图表以显示低于最小数据点的下一个主要刻度标记。此值优先于由 scaleType 确定的 Y 轴最小值。

这与核心图表中的 minValue 类似。

类型:number
默认值:自动
redColor

HTML 颜色表示法中用于红色部分的颜色。

类型:string
默认值:'#DC3912'
redFrom

以红色标记的范围的最低值。

类型:number
默认值:无
redTo

以红色标记的范围的最高值。

类型:number
默认值:无
width

图表的宽度(以像素为单位)。

类型:number
默认值:容器的宽度
yellowColor

以 HTML 颜色表示法表示的黄色部分的颜色。

类型:string
默认值:'#FF9900'
yellowFrom

以黄色标记的范围的最低值。

类型:number
默认值:无
yellowTo

以黄色标记的范围的最高值。

类型:number
默认值:无

地理位置图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
datalessRegionColor

要分配给没有关联数据的区域的颜色。

类型:string
默认值:'#F5F5F5'
defaultColor

地理图表中数据点的颜色,当位置(例如 'US')存在但值是 null 或未指定时,使用此颜色。这与 datalessRegionColor 不同,后者是数据缺失时使用的颜色。

类型: string
默认值:'#267114'
displayMode

地理位置图表的类型。DataTable 格式必须与指定的值一致。支持以下值:

  • 'auto' - 根据 DataTable 的格式进行选择。
  • 'regions' - 为地理图表中的区域着色。
  • 'markers' - 在区域上放置标记。
  • 'text' - 使用 DataTable 中的文本标记区域。
类型:string
默认值:“自动”
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
区域

要在地理位置图上显示的区域。系统还会显示周边区域。可以是以下值之一:

  • 'world' - 全世界地理位置图表。
  • 大洲或次大陆,由其 3 位数代码指定,例如,'011' 表示西非。
  • 国家/地区,由其 ISO 3166-1 alpha-2 代码指定,例如 'AU' 表示澳大利亚。
  • 美国的一个州,由其 ISO 3166-2:US 代码指定,例如 'US-AL' 表示阿拉巴马州。请注意,resolution 选项必须设置为 'provinces' 或 'metros'。
类型:string
默认值:“world”
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

直方图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object/div>
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
histogram.bucketSize

对每个直方图条柱的大小进行硬编码,而不是通过算法确定。

类型:number
默认值:自动
histogram.hideBucketItems

省略直方图各块之间的细分,使其成为一系列实心条。

类型:boolean
默认值:false
histogram.lastBucketPercentile

计算直方图的区间大小时,忽略顶部和底部 lastBucketPercentile 百分比。这些值仍会包含在直方图中,但不会影响分桶。

类型:number
默认值:0
interpolateNulls

是否猜测缺失点的值。如果值为 true,系统会根据相邻点来猜测任何缺失数据的值。如果值为 false,则会在未知点处断开线条。

不支持使用 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图。

类型:boolean
默认值:false
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,每个对象都描述了图表中相应序列的格式。如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

折线图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
curveType

控制线宽不为零时线条的曲度。 可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 系统将平滑线条的角度。
类型:string
默认值:“none”
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
interpolateNulls

是否猜测缺失点的值。如果值为 true,系统会根据相邻点来猜测任何缺失数据的值。如果值为 false,则会在未知点处断开线条。

不支持使用 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图。

类型:boolean
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据线的线宽(以像素为单位)。使用 0 可隐藏所有线条,仅显示点。您可以使用 series 属性替换各个序列的值。

类型:number
默认值:2
pointShape

各个数据元素的形状:'circle'、'triangle'、'square'、'diamond'、'star' 或 'polygon'。如需查看示例,请参阅 积分文档 。

类型:string
默认值:'circle'
pointSize

所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 series 属性替换各个序列的值。如果您使用的是趋势线,则 pointSize 选项会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换它。

类型:number
默认值:0
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,其中每个对象都描述了图表中相应序列的格式。 如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • annotations - 要应用于相应序列注释的对象。这可用于控制序列的 textStyle,例如:

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

    如需查看可自定义内容的更完整列表,请参阅各种 annotations 选项。

  • type - 相应序列的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条形图实际上是竖条图(列)。默认值由图表的 seriesType 选项指定。
  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • curveType - 替换相应序列的全局 curveType 值。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • lineDashStyle - 替换相应序列的全局 lineDashStyle 值。
  • lineWidth - 替换相应序列的全局 lineWidth 值。
  • pointShape - 替换相应序列的全局 pointShape 值。
  • pointSize - 替换相应序列的全局 pointSize 值。
  • pointsVisible - 替换相应序列的全局 pointsVisible 值。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将相应列视为文本列。

类型:boolean
趋势线

在支持趋势线的图表中显示趋势线。 默认情况下,系统会使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义此设置。

趋势线是按序列指定的,因此大多数情况下,您的选项会如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型:object
默认值:null
trendlines.n.color

趋势线的颜色,以英文颜色名称或十六进制字符串表示。 趋势线

类型:string
默认值:默认序列颜色
trendlines.n.degree

对于 type: 'polynomial' 的 趋势线 ,多项式的次数(二次为 2,三次为 3,依此类推)。

类型:number
默认值:3
trendlines.n.labelInLegend

如果设置,则图例中的 趋势线 将显示为此字符串。

类型:string
默认值:null
trendlines.n.lineWidth

趋势线 的线宽,以像素为单位。

类型:number
默认值:2
trendlines.n.type

趋势线是 'linear'(默认值)、'exponential' 还是 'polynomial'。

类型:string
默认值:linear
trendlines.n.visibleInLegend

图例中是否显示 趋势线 等式。它将显示在趋势线提示中。

类型:boolean
默认值:false
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

组织结构图配置选项

名称
颜色

组织结构图元素的背景颜色。

类型:string
默认值:'#edf7ff'
selectionColor

所选组织结构图元素的背景颜色。

类型:string
默认值:'#d6e9f8'
size

图表的整体大小。选项包括 'small'、'medium' 或 'large'。

类型:string
默认值:'medium'

饼图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
is3D

如果值为 true,则显示三维图表。

类型:boolean
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

如果介于 0 和 1 之间,则显示圆环图。孔的半径等于图表半径的 number 倍。

类型:number
默认值:0
pieSliceBorderColor

切片边框的颜色。仅在图表为二维时适用。

类型:string
默认值:'white'
pieSliceText

切片上显示的文本内容。可以是下列选项之一:

  • 'percentage' - 切片大小占总大小的百分比。
  • 'value' - 切片的定量值。
  • 'label' - Slice 的名称。
  • 'none' - 不显示任何文字。
类型:string
默认值:'percentage'
pieSliceTextStyle

用于指定切片文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
slices.color

相应切片使用的颜色。

类型:string
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散点图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
curveType

控制线宽不为零时线条的曲度。 可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 系统将平滑线条的角度。
类型:string
默认值:“none”
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.gridlines

一个对象,包含用于配置水平轴上网格线的属性。请注意,横轴网格线是竖直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.gridlines.color

图表区域内水平网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
hAxis.logScale

hAxis 属性,该属性可将横轴设置为对数刻度(要求所有值均为正数)。设置为 true 表示“是”。

此选项仅支持 continuous 轴。

类型:boolean
默认值:false
hAxis.maxValue

将横轴的最大值移至指定值;在大多数图表中,此操作会将最大值向右移动。如果该值小于数据的最大 x 值,则会被忽略。 hAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
hAxis.minorGridlines

一个对象,包含用于配置横轴上的次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅支持 continuous 轴。

类型:object
默认值:null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
hAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 以停用次要网格线的情况除外。次要网格线的数量现在完全取决于主要网格线之间的间隔(请参阅 hAxis.gridlines.interval)和所需的最小空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型:number
默认值:1
hAxis.minValue

将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果此值大于数据的最小 x 值,则会被忽略。 hAxis.viewWindow.min 会替换此属性。

类型:number
默认值:自动
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据线的线宽(以像素为单位)。使用 0 可隐藏所有线条,仅显示点。您可以使用 series 属性替换各个序列的值。

类型:number
默认值:2
pointShape

各个数据元素的形状:'circle'、'triangle'、'square'、'diamond'、'star' 或 'polygon'。如需查看示例,请参阅 积分文档 。

类型:string
默认值:'circle'
pointSize

所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 series 属性替换各个序列的值。如果您使用的是趋势线,则 pointSize 选项会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换它。

类型:number
默认值:0
系列图书

一个对象数组,每个对象都描述了图表中相应序列的格式。如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • lineWidth - 替换相应序列的全局 lineWidth 值。
  • pointShape - 替换相应序列的全局 pointShape 值。
  • pointSize - 替换相应序列的全局 pointSize 值。
  • pointsVisible - 替换相应序列的全局 pointsVisible 值。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将相应列视为文本列。

类型:boolean
趋势线

在支持趋势线的图表中显示趋势线。 默认情况下,系统会使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义此设置。

趋势线是按序列指定的,因此大多数情况下,您的选项会如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型:object
默认值:null
trendlines.n.color

趋势线的颜色,以英文颜色名称或十六进制字符串表示。 趋势线

类型:string
默认值:默认序列颜色
trendlines.n.degree

对于 type: 'polynomial' 的 趋势线 ,多项式的次数(二次为 2,三次为 3,依此类推)。

类型:number
默认值:3
trendlines.n.labelInLegend

如果设置,则图例中的 趋势线 将显示为此字符串。

类型:string
默认值:null
trendlines.n.lineWidth

趋势线 的线宽,以像素为单位。

类型:number
默认值:2
trendlines.n.type

趋势线是 'linear'(默认值)、'exponential' 还是 'polynomial'。

类型:string
默认值:linear
trendlines.n.visibleInLegend

图例中是否显示 趋势线 等式。它将显示在趋势线提示中。

类型:boolean
默认值:false
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动

阶梯面积图配置选项

名称
areaOpacity

面积图序列下方彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。如需为单个序列指定不透明度,请在 series 属性中设置 areaOpacity 值。

类型: number、0.0- 1.0
默认值:0.3
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
backgroundColor.fill

图表的填充颜色,以 HTML 颜色字符串表示。

类型:string
默认值:'white'
chartArea

一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型:object
默认值:null
chartArea.backgroundColor
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如 '#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则在图表区域周围绘制指定宽度(以及 stroke 的颜色)的边框。
类型: string 或 object
默认值:'white'
chartArea.height

图表区域高度。

类型: number 或 string
默认值:自动
chartArea.left

图表与左边框的距离。

类型: number 或 string
默认值:自动
chartArea.top

图表与上边框的距离。

类型: number 或 string
默认值:自动
chartArea.width

图表区域宽度。

类型: number 或 string
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
hAxis

一个包含成员的对象,用于配置各种横轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型:object
默认值:null
hAxis.direction

水平轴上值的增长方向。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
hAxis.textPosition

横轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
hAxis.textStyle

一个用于指定横轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

用于指定横轴标题的 hAxis 属性。

类型:string
默认值:null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型:object
默认值:null
hAxis.viewWindow.max

要呈现的最大水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
hAxis.viewWindow.min

要呈现的最小水平数据值。

当 hAxis.viewWindowMode 为 'pretty' 或 'maximized' 时,系统会忽略此字段。

类型:number
默认值:自动
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
isStacked

如果设置为 true,则堆叠每个网域值的所有序列的元素。 注意:在柱状图、面积图和SteppedArea中,Google 图表会反转图例项的顺序,以便更好地与序列元素的堆叠顺序相对应(例如,序列 0 将是位于最底部的图例项)。此属性 不 适用于条形图。

isStacked 选项还支持 100% 堆叠,其中每个网域值的元素堆叠会重新缩放,以使其总和达到 100%。

isStacked 的选项如下:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个网域值的所有序列的元素。
  • 'percent' - 堆叠每个网域值的所有序列的元素,并重新调整它们的比例,使它们加起来为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个网域值处所有序列的元素,并重新调整它们的比例,使它们的总和为 1,其中每个元素的值都以 1 的分数形式计算。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,每个元素的计算值将显示在提示中,位于实际值之后。

目标轴将默认使用基于相对 0-1 比例的刻度值,对于 'relative',该比例为 0-1(以 1 为单位的分数);对于 'percent',该比例为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值是相对 0-1 比例的值。 这是因为百分比轴刻度是将“#.##%”格式应用于相对 0-1 比例值的结果。使用 isStacked: 'percent' 时,请务必使用相对 0-1 比例值指定任何标记/网格线。您可以使用相应的 hAxis/vAxis 选项自定义网格线/标记值和格式。

100% 堆叠仅支持 number 类型的数据值,且基准必须为零。

类型: boolean/ string
默认值:false
传奇

一个对象,包含用于配置图例各个方面的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型:object
默认值:null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 图表左侧,前提是左侧轴未关联任何序列。 因此,如果您希望图例位于左侧,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,位于左上角。
  • 'none' - 不显示图例。
  • 'right' - 在图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型:string
默认值:'right'
legendTextStyle

用于指定图例文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制序列。默认是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型:boolean
默认值:false
系列图书

一个对象数组,其中每个对象都描述了图表中相应序列的格式。 如需为序列使用默认值,请指定一个空对象 {}。如果未指定序列或值,则使用全局值。每个对象都支持以下属性:

  • areaOpacity - 替换相应序列的全局 areaOpacity。
  • color - 要用于相应序列的颜色。指定有效的 HTML 颜色字符串。
  • type - 相应序列的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条形图实际上是竖条图(列)。默认值由图表的 seriesType 选项指定。
  • labelInLegend - 要在图表图例中显示的序列说明。
  • lineDashStyle - 替换相应序列的全局 lineDashStyle 值。
  • targetAxisIndex - 要将相应序列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;设置为 1 可定义一个图表,其中不同的序列会针对不同的轴进行渲染。必须至少将一个序列分配给默认轴。您可以为不同的轴定义不同的比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示相应序列应具有图例条目,而 false 表示不应具有图例条目。默认值为 true。

您可以指定一个对象数组,其中的每个对象都按给定的顺序应用于相应序列;也可以指定一个对象,其中的每个子对象都有一个数字键,用于指明该子对象应用于哪个序列。例如,以下两个声明是相同的,它们将第一个序列声明为黑色且不显示在图例中,并将第四个序列声明为红色且不显示在图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组,或包含嵌套对象的对象
默认值:{}
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值共同作用,可实现特定的图表行为或视觉效果。目前只有一个主题可供选择:

  • 'maximized' - 最大化图表区域,并在图表区域内绘制图例和所有标签。
类型:string
默认值:null
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将相应列视为文本列。

类型:boolean
useFirstColumnAsDomain

如果设置为 true,图表会将相应列视为网域。

类型:boolean
vAxes

如果图表有多个纵轴,则指定各个纵轴的属性。每个子对象都是一个 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些属性值会覆盖同一属性的任何全局设置。

如需指定具有多个纵轴的图表,请先使用 series.targetAxisIndex 定义新轴,然后使用 vAxes 配置该轴。 以下示例将序列 2 分配给右侧轴,并为其指定自定义标题和文字样式:

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

此属性可以是对象,也可以是数组:对象是一组对象,每个对象都有一个数字标签,用于指定其定义的轴 - 这是上文所示的格式;数组是一组对象,每个轴对应一个对象。例如,以下数组样式表示法与上文所示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组,或包含子对象的对象
默认值:null
vAxis

一个包含成员的对象,用于配置各种纵轴元素。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型:object
默认值:null
vAxis.direction

沿垂直轴的值的增长方向。默认情况下,低值位于图表底部。指定 -1 可反转值的顺序。

类型: 1 或 -1
默认值:1
vAxis.gridlines

一个包含用于配置垂直轴上网格线的成员的对象。请注意,纵轴网格线是横向绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示:

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

此选项仅支持 continuous 轴。

类型:object
默认值:null
vAxis.gridlines.color

图表区域内竖向网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认值:'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数,系统将使用该值来计算网格线之间的 minSpacing。 您可以指定值 1 以仅绘制一条网格线,也可以指定值 0 以不绘制任何网格线。 指定 -1(默认值),以根据其他选项自动计算网格线的数量。

类型:number
默认值:-1
vAxis.logScale

如果值为 true,则将纵轴设置为对数刻度。注意:所有值都必须为正数。

类型:boolean
默认值:false
vAxis.maxValue

将纵轴的最大值移至指定值;在大多数图表中,此操作会向上移动最大值。如果此值设置为小于数据的最大 y 值,则会被忽略。 vAxis.viewWindow.max 会替换此属性。

类型:number
默认值:自动
vAxis.minorGridlines

一个对象,包含用于配置纵轴上的次网格线的成员,类似于 vAxis.gridlines 选项。

类型:object
默认值:null
vAxis.minorGridlines.color

图表区域内竖向次网格线的颜色。指定有效的 HTML 颜色字符串。

类型:string
默认:网格线颜色和背景颜色的混合色
vAxis.minorGridlines.count

minorGridlines.count 选项已基本弃用,但将数量设置为 0 可用于停用次网格线。次要网格线的数量取决于主要网格线之间的间隔和所需的最小空间。

类型:number
默认值:1
vAxis.minValue

将纵轴的最小值移至指定值;在大多数图表中,此操作会向下移动最小值。如果此值大于数据的最小 y 值,则会被忽略。 vAxis.viewWindow.min 会替换此属性。

类型:number
默认值:null
vAxis.textPosition

纵轴文字相对于图表区域的位置。支持的值:'out'、'in'、'none'。

类型:string
默认值:'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型:string
默认:无标题
vAxis.titleTextStyle

用于指定竖轴标题文本样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型:object
默认值:null
vAxis.viewWindow.max

要呈现的最大垂直数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
vAxis.viewWindow.min

要呈现的最小纵向数据值。

当 vAxis.viewWindowMode 为“pretty”或“maximized”时,系统会忽略此属性。

类型:number
默认值:自动
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

表格图表配置选项

名称
alternatingRowStyle

确定是否会为奇数行和偶数行分配交替的颜色样式。

类型:boolean
默认值:true
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
网页

是否以及如何通过数据启用分页。选择以下某个 string 值:

  • 'enable' - 表格将包含“下一页”和“上一页”按钮。点击这些按钮将执行分页操作并更改显示的页面。您可能还需要设置 pageSize 选项。
  • 'event' - 表格将包含“下一页”和“上一页”按钮,但点击这些按钮会触发 'page' 事件,而不会更改显示的页面。如果代码实现了自己的翻页逻辑,则应使用此选项。如需查看如何手动处理分页事件的示例,请参阅 TableQueryWrapper 示例。
  • 'disable' - [默认] 不支持分页。
  • 类型:string
    默认值:'disable'
pageSize

启用分页功能时,每个页面中的行数。

类型:number
默认值:10
showRowNumber

如果设置为 true,则将行号显示为表格的第一列。

类型:boolean
默认值:false
排序

用户点击列标题时,是否以及如何对列进行排序。如果启用了排序,请考虑同时设置 sortAscending 和 sortColumn 属性。选择以下某个 string 值:

  • 'enable' - [默认] 用户可以点击列标题,按点击的列进行排序。当用户点击列标题时,系统会自动对行进行排序,并触发 'sort' 事件。
  • 'event' - 当用户点击列标题时,系统会触发 'sort' 事件,但不会自动对行进行排序。如果网页实现自己的排序,则应使用此选项。如需查看如何手动处理排序事件的示例,请参阅 TableQueryWrapper 示例。
  • 'disable'- 点击列标题没有任何效果。
类型:string
默认值:'enable'
sortAscending

初始排序列的排序顺序。True 表示升序,false 表示降序。如果未指定 sortColumn,则忽略此属性。

类型:boolean
默认值:true
sortColumn

数据表中列的索引,表格最初按此索引排序。相应列会标记一个小箭头,指示排序顺序。

类型:number
默认值:-1
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

时间轴配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如:'red' 或 '#00cc00'),也可以是具有以下属性的对象。

类型: string 或 object
默认值:'white'
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如:colors:['red','#004411']。

类型:字符串数组
默认值:默认颜色
高度

图表的高度(以像素为单位)。

类型:number
默认值:包含元素的高度
width

图表的宽度(以像素为单位)。

类型:number
默认值:包含元素的宽度

树形图配置选项

名称
headerColor

每个节点的标题部分的颜色。指定 HTML 颜色值。

类型:string
默认值:#988f86
maxColor

列 3 值为 maxColorValue 的矩形的颜色。指定 HTML 颜色值。

类型:string
默认值:#00dd00
maxDepth

当前视图中要显示的节点级别数上限。级别会扁平化到当前平面。如果您的树状图包含的层级数超过此数量,您必须向上或向下滚动才能看到它们。您还可以在这些节点内看到maxPostDepth级别以下的阴影矩形。

类型:number
默认值:1
maxPostDepth

以“提示”方式显示的 maxDepth 之外的节点层数。 提示节点显示为节点内的阴影矩形,该节点位于 maxDepth 限制范围内。

类型:number
默认值:0
midColor

列 3 中的值介于 maxColorValue 和 minColorValue 之间的矩形的颜色。指定 HTML 颜色值。

类型:string
默认值:#000000
minColor

列 3 值为 minColorValue 的矩形的颜色。指定 HTML 颜色值。

类型:string
默认值:#dd0000
noColor

当节点没有第 3 列的值,且该节点是叶节点(或仅包含叶节点)时,用于矩形的颜色。指定 HTML 颜色值。

类型:string
默认值:#000000
subtitle

要显示在图表标题下方的文字。

类型:string
默认:无标题
subtitleTextStyle

用于指定标题文字样式的对象。

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

用于指定标题文字样式的对象。颜色可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值:{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

要显示在图表上方的文字。

类型:string
默认:无标题
titleTextStyle

用于指定标题文字样式的对象。该对象的格式如下:

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

color 可以是任何 HTML 颜色字符串,例如:'red' 或 '#00cc00'。另请参阅 fontName 和 fontSize。

类型:object
默认值: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}