图表配置选项

图表类型

注释图表配置选项

名称
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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 值。

类型number0.0- 1.0
默认值0.3
backgroundColor

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

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'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'。另请参阅 fontNamefontSize

类型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 的颜色)的边框。
类型stringobject
默认值'white'
chartArea.height

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 值。

类型number0.0- 1.0
默认值0.3
backgroundColor

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

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'),也可以是具有以下属性的对象。

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

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

如果介于 01 之间,则显示圆环图。孔的半径等于图表半径的 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

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

散点图配置选项

名称
backgroundColor

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

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 值。

类型number0.0- 1.0
默认值0.3
backgroundColor

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

类型stringobject
默认值'white'
backgroundColor.fill

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:自动
chartArea.left

图表与左边框的距离。

类型numberstring
默认值:自动
chartArea.top

图表与上边框的距离。

类型numberstring
默认值:自动
chartArea.width

图表区域宽度。

类型numberstring
默认值:自动
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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 之间的分数;对于 '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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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'。另请参阅 fontNamefontSize

类型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

启用分页功能时,每个页面中的行数(通过 page 选项设置)。

类型number
默认值10
showRowNumber

如果设置为 true,则将行号显示为表格的第一列。

类型boolean
默认值false
排序

用户点击列标题时,是否以及如何对列进行排序。如果启用了排序,请考虑同时设置 sortAscendingsortColumn 属性。选择以下某个 string 值:

  • 'enable' - [默认] 用户可以点击列标题,按所点击的列进行排序。当用户点击列标题时,系统会自动对行进行排序,并触发 'sort' 事件。
  • 'event' - 当用户点击列标题时,系统会触发 'sort' 事件,但不会自动对行进行排序。如果网页实现自己的排序,则应使用此选项。如需查看如何手动处理排序事件的示例,请参阅 TableQueryWrapper 示例
  • 'disable' - 点击列标题没有任何效果。
类型string
默认值'enable'
sortAscending

初始排序列的排序顺序。True 表示升序,false 表示降序。如果未指定 sortColumn,则忽略此属性。

类型boolean
默认值true
sortColumn

数据表中列的索引,表格最初按此索引排序。相应列会标记一个小箭头,指示排序顺序。

类型number
默认值-1
width

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

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

时间轴配置选项

名称
backgroundColor

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

类型stringobject
默认值'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 中的值介于 maxColorValueminColorValue 之间的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#000000
minColor

列 3 值为 minColorValue 的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#dd0000
noColor

当节点没有第 3 列的值,且该节点是叶节点(或仅包含叶节点)时,用于矩形的颜色。指定 HTML 颜色值。

类型string
默认值#000000
subtitle

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

类型string
默认:无标题
subtitleTextStyle

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

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

类型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'。另请参阅 fontNamefontSize

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