图表配置选项

图表类型

注释图表配置选项

名称
颜色

要为图表元素使用的颜色。字符串数组,其中每个元素都是一个 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 属性替换各个系列的值。如果您使用的是趋势线pointSize 选项将会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换趋势线的宽度。

类型number
默认值:0
reverseCategories

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

只有 discrete major 轴支持此选项。

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

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

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

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

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

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

类型number
默认值1
vAxis.minValue

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

类型number
默认值:null
vAxis.textPosition

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

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

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

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

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

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

为纵轴指定标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

要呈现的最大行业数据值。

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

类型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
默认:“世界”
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 属性替换各个系列的值。如果您使用的是趋势线,则 pointSize 选项会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换它。

类型number
默认值:0
reverseCategories

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

只有 discrete major 轴支持此选项。

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

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

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

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

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
趋势线

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

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

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

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

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

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

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

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

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

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

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

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

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

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

类型boolean
默认值:false
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

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

类型number
默认值1
vAxis.minValue

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

类型number
默认值:null
vAxis.textPosition

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

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

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

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

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

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

为纵轴指定标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

要呈现的最大行业数据值。

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

类型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 属性替换各个系列的值。如果您使用的是趋势线,则 pointSize 选项会影响趋势线的宽度,除非您使用 trendlines.n.pointsize 选项替换它。

类型number
默认值0
系列图书

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
趋势线

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

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

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

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

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

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

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

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

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

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

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

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

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

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

类型boolean
默认值:false
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

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

类型number
默认值1
vAxis.minValue

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

类型number
默认值:null
vAxis.textPosition

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

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

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

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

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

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

为纵轴指定标题。

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

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

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

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

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

指定垂直轴的剪裁范围。

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

要呈现的最大行业数据值。

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

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