图表配置选项

图表类型

注释图表配置选项

名称
颜色

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

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

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

缩放选择器中的轮廓是图表中第一个系列的对数刻度版本,已缩放以适应缩放选择器的高度。

类型boolean
默认值true
displayZoomButtons

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

类型boolean
默认值true
max

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

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动

面积图配置选项

名称
areaOpacity

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

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

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

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

图表填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值: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 选项已被弃用,但通过将 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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,图表将将该列视为文本列。

类型boolean
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 选项已被弃用,但通过将 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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

如果设置了此属性,则图例中会以此字符串的形式显示趋势线。

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

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

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

趋势线 的值,可以是 'linear'(默认值)、'exponential''polynomial'

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

是否在图例中显示 趋势线 的方程。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxis

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型number
默认值:auto

气泡图配置选项

名称
backgroundColor

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

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

图表填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
气泡

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

类型object
默认值null
bubble.opacity

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

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

气泡描边的颜色。

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

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

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

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

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

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

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

图表区域高度。

类型numberstring
默认值: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 选项已被弃用,但通过将 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>}
系列图书

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

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

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

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

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

类型number
默认值:30
sizeAxis.minSize

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

类型number
默认:5
subtitle

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,图表将将该列视为文本列。

类型boolean
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 选项已被弃用,但通过将 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
系列图书

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 选项已被弃用,但通过将 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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

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

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

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

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

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

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

如果设置了此属性,则图例中会以此字符串的形式显示趋势线。

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

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

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

趋势线 的值,可以是 'linear'(默认值)、'exponential''polynomial'

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

是否在图例中显示 趋势线 的方程。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 选项已被弃用,但通过将 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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

  • areaOpacity - 替换此系列的全球 areaOpacity
  • color - 此系列要使用的颜色。指定有效的 HTML 颜色字符串。
  • curveType - 替换此系列的全局 curveType 值。
  • fallingColor.fill - 替换此系列的全局 candlestick.fallingColor.fill 值。
  • fallingColor.stroke - 替换此系列的全局 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth - 替换此系列的全局 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 要显示在图表图例中的系列的说明。
  • lineDashStyle - 替换此系列的全局 lineDashStyle 值。
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此系列的全局 pointShape 值。
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此系列的全局 pointsVisible 值。
  • risingColor.fill - 替换此系列的全局 candlestick.risingColor.fill 值。
  • risingColor.stroke - 替换此系列的全局 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth - 替换此系列的全局 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex - 将此系列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;将其设置为 1 可定义一个图表,其中不同系列会针对不同的轴进行渲染。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的刻度。
  • type - 此系列图表的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条实际上是垂直条(列)。默认值由图表的 seriesType 选项指定。
  • visibleInLegend - 一个 boolean 值,其中 true 表示系列应具有图例条目,false 表示不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型number
默认值:auto

仪表板配置选项

名称
greenColor

用于 HTML 颜色表示法中绿色部分的颜色。

类型string
默认值'#109618'
greenFrom

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

类型number
默认:无
greenTo

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

类型number
默认:无
高度

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

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

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

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动
redColor

HTML 颜色表示法中红色部分所用的颜色。

类型string
默认值'#DC3912'
redFrom

标记为红色的范围的最小值。

类型number
默认:无
redTo

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

类型number
默认:无
width

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

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

HTML 颜色表示法中黄色部分所用的颜色。

类型string
默认值'#FF9900'
yellowFrom

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

类型number
默认:无
yellowTo

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

类型number
默认:无

地理图表配置选项

名称
backgroundColor

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

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

图表填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
datalessRegionColor

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

类型string
默认值'#F5F5F5'
defaultColor

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

类型string
默认值'#267114'
displayMode

此地图是哪种类型的地图。DataTable 格式必须与指定的值一致。支持以下值:

  • 'auto' - 根据 DataTable 的格式进行选择。
  • 'regions' - 为地理图上的区域着色。
  • 'markers' - 在区域上放置标记。
  • 'text' - 使用 DataTable 中的文本为区域添加标签。
类型string
默认值:“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 选项已被弃用,但通过将 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% 和后 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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 选项已被弃用,但通过将 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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

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

  • type - 此系列图表的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条实际上是垂直条(列)。默认值由图表的 seriesType 选项指定。
  • color - 此系列要使用的颜色。指定有效的 HTML 颜色字符串。
  • curveType - 替换此系列的全局 curveType 值。
  • labelInLegend - 要显示在图表图例中的系列的说明。
  • lineDashStyle - 替换此系列的全局 lineDashStyle 值。
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此系列的全局 pointShape 值。
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此系列的全局 pointsVisible 值。
  • targetAxisIndex - 将此系列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;将其设置为 1 可定义一个图表,其中不同系列会针对不同的轴进行渲染。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的刻度。
  • visibleInLegend - 一个 boolean 值,其中 true 表示系列应具有图例条目,false 表示不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,图表将将该列视为文本列。

类型boolean
趋势线

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

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

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

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

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

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

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

如果设置了此属性,则图例中会以此字符串的形式显示趋势线。

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

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

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

趋势线 的值,可以是 'linear'(默认值)、'exponential''polynomial'

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

是否在图例中显示 趋势线 的方程。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型number
默认值:auto

组织结构图配置选项

名称
颜色

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

类型string
默认值'#edf7ff'
selectionColor

所选组织架构元素的背景颜色。

类型string
默认值'#d6e9f8'
size

图表的总大小。选项包括 'small''medium''large'

类型string
默认值'medium'

饼图配置选项

名称
backgroundColor

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

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

图表填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值:auto
chartArea.left

图表距离左边框的距离。

类型numberstring
默认值:auto
chartArea.top

图表距离顶部边框的距离。

类型numberstring
默认值:auto
chartArea.width

图表区域宽度。

类型numberstring
默认值:auto
颜色

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

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

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

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

如果为 true,则显示三维图表。

类型boolean
默认值false
传奇

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

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

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

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

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

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

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

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

如果介于 01 之间,则显示圆环图。圆孔的半径等于图表半径的 number 倍。

类型number
默认值0
pieSliceBorderColor

切片边框的颜色。仅适用于二维图表。

类型string
默认值'white'
pieSliceText

切片上显示的文本内容。可以是下列选项之一:

  • 'percentage' - 切片大小占总大小的百分比。
  • 'value' - 切片的量化值。
  • 'label' - 切片的名称。
  • 'none' - 不显示任何文字。
类型string
默认值'percentage'
pieSliceTextStyle

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

散点图配置选项

名称
backgroundColor

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

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

图表填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认值: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 选项已被弃用,但通过将 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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
系列图书

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

  • color - 此系列要使用的颜色。指定有效的 HTML 颜色字符串。
  • labelInLegend - 要显示在图表图例中的系列的说明。
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此系列的全局 pointShape 值。
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此系列的全局 pointsVisible 值。
  • visibleInLegend - 一个 boolean 值,其中 true 表示系列应具有图例条目,false 表示不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,图表将将该列视为文本列。

类型boolean
趋势线

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

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

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

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

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

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

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

如果设置了此属性,则图例中会以此字符串的形式显示趋势线。

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

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

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

趋势线 的值,可以是 'linear'(默认值)、'exponential''polynomial'

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

是否在图例中显示 趋势线 的方程。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型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 的部分,'percent' 为 0-100%(注意:使用 'percent' 选项时,轴/刻度值会显示为百分比,但实际值为 0-1 相对标度值。 这是因为百分比轴刻度是将“#.##%”格式应用于 0-1 相对比例值的结果。使用 isStacked: 'percent' 时,请务必使用 0-1 的相对比例值指定所有刻度/网格线。您可以使用适当的 hAxis/vAxis 选项自定义网格线/刻度值和格式。

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

类型boolean/ string
默认值false
传奇

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

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

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

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

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

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

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

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

如果设置为 true,则从右向左绘制系列图表。默认是从左到右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

  • areaOpacity - 替换此系列的全局 areaOpacity
  • color - 此系列要使用的颜色。指定有效的 HTML 颜色字符串。
  • type - 此系列图表的标记类型。有效值为“line”“area”“bars”和“steppedArea”。请注意,条实际上是垂直条(列)。默认值由图表的 seriesType 选项指定。
  • labelInLegend - 要显示在图表图例中的系列的说明。
  • lineDashStyle - 替换此系列的全局 lineDashStyle 值。
  • targetAxisIndex - 将此系列分配到的轴,其中 0 是默认轴,1 是相反的轴。默认值为 0;将其设置为 1 可定义一个图表,其中不同系列会针对不同的轴进行渲染。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的刻度。
  • visibleInLegend - 一个 boolean 值,其中 true 表示系列应具有图例条目,false 表示不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

如果设置为 true,图表将将该列视为文本列。

类型boolean
useFirstColumnAsDomain

如果设置为 true,则图表将将该列视为网域。

类型boolean
vAxes

为各个垂直轴指定属性(如果图表有多个垂直轴)。 每个子对象都是 vAxis 对象,并且可以包含 vAxis 支持的所有属性。这些媒体资源值会覆盖同一媒体资源的所有全局设置。

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

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

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

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

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

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

垂直轴上值的增长方向。默认情况下,低值位于图表底部。指定 -1 可将值的顺序颠倒过来。

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

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

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

此选项仅适用于 continuous 轴。

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

图表区域内垂直网格的颜色。指定有效的 HTML 颜色字符串。

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

图表区域内垂直次级网格的颜色。指定有效的 HTML 颜色字符串。

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

minorGridlines.count 选项已被弃用,但通过将计数设置为 0 可以停用辅助网格线。辅助网格线的数量取决于主网格线之间的间隔和所需的最小间距。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

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

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

vAxis.viewWindowMode 为“美观”或“最大化”时,会被忽略。

类型number
默认值:auto
width

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

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

表格图表配置选项

名称
alternatingRowStyle

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

类型boolean
默认值true
高度

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

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

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

  • 'enable' - 表格将包含“下一页”和“上一页”按钮。点击这些按钮将执行分页操作并更改显示的页面。您可能还需要设置 pageSize 选项。
  • 'event' - 表格将包含“前进”和“返回”按钮,但点击这些按钮将触发 'page' 事件,而不会更改显示的页面。当代码实现自己的翻页逻辑时,应使用此选项。如需查看如何手动处理分页事件的示例,请参阅 TableQueryWrapper 示例
  • 'disable' - [默认] 不支持分页。
  • 类型string
    默认值'disable'
pageSize

使用“页面”选项启用分页后,每个页面中的行数。

类型number
默认值10
showRowNumber

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

类型boolean
默认值false
排序

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

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

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

类型boolean
默认值true
sortColumn

数据表中某个列的索引,系统会根据该索引对表进行初始排序。该列会带有一个小箭头,指示排序顺序。

类型number
默认值-1
width

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

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

时间轴配置选项

名称
backgroundColor

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

类型stringobject
默认值'white'
颜色

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

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

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

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

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

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

树形图配置选项

名称
headerColor

每个节点的标题部分的颜色。指定 HTML 颜色值。

类型string
默认值#988f86
maxColor

第三列值为 maxColorValue 的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#00dd00
maxDepth

当前视图中可显示的节点层级数上限。层会展平到当前平面。如果您的树有更多层级,您必须向上或向下滚动才能看到它们。此外,您还可以在这些节点内看到以下 maxPostDepth 级别的阴影矩形。

类型number
默认值1
maxPostDepth

maxDepth 之外以“提示”方式显示的节点层级数。 在节点内,提示的节点显示为阴影矩形,且节点的大小不超过 maxDepth 限制。

类型number
默认值0
midColor

矩形的颜色,其第 3 列值介于 maxColorValueminColorValue 之间。指定 HTML 颜色值。

类型string
默认值#000000
minColor

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

类型string
默认值#dd0000
noColor

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

类型string
默认值#000000
subtitle

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

用于指定标题文本样式的对象。颜色可以是任何 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontName 和 fontSize。

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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