图表配置选项

图表类型

注释图表配置选项

名称
颜色

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

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

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

缩放选择器中的轮廓是图表中第一个系列的对数缩放版本,缩放后可根据缩放选择器的高度进行调整。

类型boolean
默认值true
displayZoomButtons

是否显示缩放按钮(“1d 5d 1m”等),其中 false 表示否。

类型boolean
默认值true
最大值

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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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

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

类型number
默认值0
reverseCategories

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

条形图配置选项

名称
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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型:数字或 string
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

气泡图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
bubble

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

类型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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

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

对象的对象,其中键是数据系列名称(“Color”列中的值)以及描述图表中相应数据系列格式的每个对象。如果未指定系列或值,将使用全局值。每个对象支持以下属性:

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

日历配置选项

名称
高度

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

类型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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

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

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

柱形图配置选项

名称
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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

组合图表配置选项

名称
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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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

显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 series 属性替换各个系列的值。如果您使用的是趋势线pointSize 选项将会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项将其替换。

类型number
默认值0
reverseCategories

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

采样平均值配置选项

名称
greenColor

用于绿色部分的颜色(采用 HTML 颜色表示法)。

类型string
默认值'#109618'
greenFrom

范围以绿色标记的最低值。

类型number
默认:none
greenTo

范围以绿色标记的最大值。

类型number
默认:none
高度

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

类型number
默认值:容器的宽度
最大值

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

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

类型number
默认:自动
分钟

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

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

类型number
默认:自动
redColor

用于红色部分的颜色(采用 HTML 颜色表示法)。

类型string
默认值'#DC3912'
redFrom

范围以红色标记的最低值。

类型number
默认:none
redTo

范围以红色标记的最大值。

类型number
默认:none
width

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

类型number
默认值:容器的宽度
yellowColor

用于黄色部分的颜色,采用 HTML 颜色表示法。

类型string
默认值'#FF9900'
yellowFrom

范围以黄色标记的最低值。

类型number
默认:none
yellowTo

范围以黄色标记的最大值。

类型number
默认:none

地理图表配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
datalessRegionColor

要分配给没有关联数据的区域的颜色。

类型string
默认值'#F5F5F5'
defaultColor

当位置(例如,'US')存在,但值为 null 或未指定。这与 datalessRegionColor 不同,后者是数据缺失时使用的颜色。

类型string
默认值'#267114'
displayMode

这是哪种类型的地理图表。数据表格式必须与指定的值一致。支持使用以下值:

  • 'auto' - 根据数据表的格式进行选择。
  • 'regions' - 为地理图表上的区域着色。
  • 'markers' - 在区域上放置标记。
  • 'text' - 使用数据表中的文本为区域添加标签。
类型string
默认值:“auto”
高度

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

类型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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型number
默认值:所包含元素的高度
histogram.bucketSize

对每个直方图条的大小进行硬编码,而不是通过算法确定。

类型number
默认:auto
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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

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

显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 series 属性替换各个系列的值。如果您使用的是趋势线pointSize 选项将会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项将其替换。

类型number
默认值0
reverseCategories

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

组织结构图配置选项

名称
颜色

组织结构图元素的背景颜色。

类型string
默认值'#edf7ff'
selectionColor

所选组织图表元素的背景颜色。

类型string
默认值'#d6e9f8'
大小

图表的总体大小。选项包括 '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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

类型:字符串数组
默认:默认颜色
高度

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

类型number
默认值:所包含元素的高度
3D

如果为 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' - 切片的名称。
  • '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

要用于此 Slice 的颜色。

类型string
subtitle

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

类型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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

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

显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 series 属性替换各个系列的值。如果您使用的是趋势线pointSize 选项将会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项将其替换。

类型number
默认值0
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto

阶梯面积图配置选项

名称
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
默认:auto
chartArea.left

图表与左边框之间的距离。

类型numberstring
默认:auto
chartArea.top

距离上边框的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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
默认:auto
hAxis.viewWindow.min

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

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

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

类型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' 为 1 的小数)和 0-100% 的 'percent' 刻度上的刻度线值(注意:使用 '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
series

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

  • 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
标题

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

类型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 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
vAxis.viewWindow.min

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

vAxis.viewWindowMode 为“Beauty”或“maximized”时忽略。

类型number
默认:auto
width

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

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

表格图表配置选项

名称
alternatingRowStyle

确定是否要将交替颜色样式分配给奇数行和偶数行。

类型boolean
默认值true
高度

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

类型number
默认值:所包含元素的高度
网页

是否以及如何启用数据分页。选择以下 string 值之一:

  • 'enable' - 该表格将包含快页和后翻页按钮。点击这些按钮将执行分页操作并更改显示的页面。您可能还需要设置 pageSize 选项。
  • 'event' - 该表格将包含快页和翻页按钮,但点击这两个按钮会触发 'page' 事件,并且不会更改显示的网页。如果代码要实现自己的翻页逻辑,则应使用此选项。如需查看有关如何手动处理分页事件的示例,请参阅 TableQuery 封装容器 示例
  • 'disable' - [默认] 不支持分页。
  • 类型string
    默认值'disable'
pageSize

每页的行数(使用页面选项启用分页时)。

类型number
默认值10
showRowNumber

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

类型boolean
默认值false
sort

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

  • 'enable' - [默认] 用户可以点击列标题,以便按点击的列进行排序。当用户点击列标题时,系统会自动对各行进行排序,并触发 'sort' 事件。
  • 'event' - 当用户点击列标题时,会触发 'sort' 事件,但系统不会自动对行进行排序。如果网页实现自己的排序,则应使用此选项。如需查看有关如何手动处理排序事件的示例,请参阅 TableQuery 封装容器 示例
  • '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>}
标题

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

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