图表配置选项

图表类型

注释图表配置选项

名称
颜色

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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 类型的数据值,并且基准必须为 0。

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

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

只有 discrete major 轴支持此选项。

类型boolean
默认值false
系列图书

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

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

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

    有关可自定义内容的更完整列表,请参阅各种 annotations 选项。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,图表底部会显示较小的值。指定 -1 会反转值的顺序。

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

条形图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

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

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

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

如果图表具有多个横轴,则指定各个横轴的属性。每个子对象都是一个 hAxis 对象,可以包含 hAxis 支持的所有属性。这些属性值会替换同一媒体资源的任何全局设置。

如需指定具有多个横轴的图表,请先使用 series.targetAxisIndex 定义一个新轴,然后使用 hAxes 配置该轴。以下示例将系列 1 分配给了下轴,并为其指定了自定义标题和文本样式:

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

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

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

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
hAxis.logScale

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

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

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

类型number
默认:自动
hAxis.minorGridlines

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

只有 continuous 轴支持此选项。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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 类型的数据值,并且基准必须为 0。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

气泡图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
bubble

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

类型object
默认值null
bubble.opacity

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

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

气泡的颜色。

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

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

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

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

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

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
hAxis.logScale

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

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

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

类型number
默认:自动
hAxis.minorGridlines

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

只有 continuous 轴支持此选项。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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 列中的值),以及每个对象都描述了图表中相应系列的格式。如果未指定系列或值,将使用全局值。每个对象都支持以下属性:

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

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

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

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

类型number
默认值:30
sizeAxis.minSize

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

类型number
默认值:5
subtitle

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,图表底部会显示较小的值。指定 -1 会反转值的顺序。

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

日历配置选项

名称
高度

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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
标题

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

柱形图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
hAxis.logScale

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

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

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

类型number
默认:自动
hAxis.minorGridlines

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

只有 continuous 轴支持此选项。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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 类型的数据值,并且基准必须为 0。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

组合图表配置选项

名称
areaOpacity

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

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

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

  • 'none' - 没有曲线的直线。
  • 'function' - 对线条的角度进行平滑处理。
类型string
默认:“none”
hAxis

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
hAxis.logScale

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

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

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

类型number
默认:自动
hAxis.minorGridlines

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

只有 continuous 轴支持此选项。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 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 类型的数据值,并且基准必须为 0。

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

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

只有 discrete major 轴支持此选项。

类型boolean
默认值false
系列图书

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

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

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

    有关可自定义内容的更完整列表,请参阅各种 annotations 选项。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
vAxes

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

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,图表底部会显示较小的值。指定 -1 会反转值的顺序。

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

采样平均值配置选项

名称
greenColor

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

类型string
默认值'#109618'
greenFrom

标有绿色的范围的最小值。

类型number
默认:none
greenTo

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

类型number
默认:none
高度

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

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

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

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动
redColor

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

类型string
默认值'#DC3912'
redFrom

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

类型number
默认:none
redTo

标为红色的范围的最高值。

类型number
默认:none
宽度

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

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

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

类型string
默认值'#FF9900'
yellowFrom

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

类型number
默认:none
yellowTo

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

类型number
默认:none

地理图表配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
datalessRegionColor

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

类型string
默认值'#F5F5F5'
defaultColor

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

类型string
默认值'#267114'
displayMode

这是哪类地理图表。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
默认:“世界”
宽度

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 hAxis.gridlines.interval)和最小所需空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型number
默认值1
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

要渲染的最大水平数据值。

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

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

要渲染的最小水平数据值。

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

类型number
默认:auto
高度

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

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

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

类型number
默认:auto
histogram.hideBucketItems

省略直方图各块之间的细分线,使其变为一系列实心条。

类型boolean
默认值false
histogram.lastBucketPercentile

计算直方图的分桶大小时,忽略顶部和底部 lastBucketPercentile%。这些值仍会包含在直方图中,但不会影响分桶。

类型number
默认值0
interpolateNulls

是否猜测缺失点的值。如果为 true,它将根据相邻点猜测任何缺失数据的值。如果为 false,则会在未知点在线条上留出一个换行符。

带有 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图表支持此操作。

类型boolean
默认值false
isStacked

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

isStacked 选项还支持 100% 堆叠,即每个域值处的元素堆栈都会重新缩放,加起来为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素,并重新缩放它们,使它们相加为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个域值处所有系列的元素,并重新缩放它们,使它们相加为 1,每个元素的值按 1 的分数计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

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

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto
宽度

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 hAxis.gridlines.interval)和最小所需空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;在大多数图表中,该值将位于左侧。如果设为大于数据最小 x 值的值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

要渲染的最大水平数据值。

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

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

要渲染的最小水平数据值。

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

类型number
默认:auto
高度

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

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

是否猜测缺失点的值。如果为 true,它将根据相邻点猜测任何缺失数据的值。如果为 false,则会在未知点在线条上留出一个换行符。

带有 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图表支持此操作。

类型boolean
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

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

只有 discrete major 轴支持此选项。

类型boolean
默认值false
系列图书

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

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

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

    有关可自定义内容的更完整列表,请参阅各种 annotations 选项。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
趋势线

在支持 趋势线 的图表上显示这些趋势线。默认使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义趋势线。

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

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

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

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

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

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

设置后, 趋势线 将以此字符串的形式显示在图例中。

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

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

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

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

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

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

类型boolean
默认值false
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,图表底部会显示较小的值。指定 -1 会反转值的顺序。

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

组织结构图配置选项

名称
颜色

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

类型string
默认值'#edf7ff'
selectionColor

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

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

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

类型string
默认值'medium'

饼图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

类型boolean
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值0
pieSliceBorderColor

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

类型string
默认值'white'
pieSliceText

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

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

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

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认值false
slices.color

要用于此 Slice 的颜色。

类型string
subtitle

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

散点图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

  • 'none' - 没有曲线的直线。
  • 'function' - 对线条的角度进行平滑处理。
类型string
默认:“none”
hAxis

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

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

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

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
hAxis.logScale

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

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

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

类型number
默认:自动
hAxis.minorGridlines

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

只有 continuous 轴支持此选项。

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,minorGridlines.count 选项大多已废弃。次要网格线的数量现在完全取决于主要网格线之间的间距(请参阅 hAxis.gridlines.interval)和最小所需空间(请参阅 hAxis.minorGridlines.minSpacing)。

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;在大多数图表中,该值将位于左侧。如果设为大于数据最小 x 值的值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

要渲染的最大水平数据值。

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

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

要渲染的最小水平数据值。

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

类型number
默认:auto
高度

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

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

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

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

类型string
默认值'circle'
pointSize

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

类型number
默认值0
系列图书

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

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
趋势线

在支持 趋势线 的图表上显示这些趋势线。默认使用 linear 趋势线,但您可以使用 trendlines.n.type 选项自定义趋势线。

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

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

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

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

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

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

设置后, 趋势线 将以此字符串的形式显示在图例中。

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

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

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

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

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

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

类型boolean
默认值false
useFirstColumnAsDomain

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

类型boolean
vAxes

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

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,图表底部会显示较小的值。指定 -1 会反转值的顺序。

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

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

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

只有 continuous 轴支持此选项。

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

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

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

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

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto

阶梯面积图配置选项

名称
areaOpacity

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

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

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

类型1-1
默认值1
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

要渲染的最大水平数据值。

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

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

要渲染的最小水平数据值。

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

类型number
默认:auto
高度

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

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

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

isStacked 选项还支持 100% 堆叠,即每个域值处的元素堆栈都会重新缩放,加起来为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素,并重新缩放它们,使它们相加为 100%,其中每个元素的值都按 100% 的百分比计算。
  • 'relative' - 堆叠每个域值处所有系列的元素,并重新缩放它们,使它们相加为 1,每个元素的值按 1 的分数计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

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

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

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

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

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

除了通过将计数设置为 0 来停用次要网格线之外,大部分情况下已废弃 minorGridlines.count 选项。次要网格线的数量取决于主要网格线之间的间距和最小所需空间。

类型number
默认值1
vAxis.minValue

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

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

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

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”或“maximized”时,会被忽略。

类型number
默认:auto
宽度

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

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

表图表配置选项

名称
alternatingRowStyle

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

类型boolean
默认值true
高度

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

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

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

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

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

类型number
默认值10
showRowNumber

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

类型boolean
默认值false
sort

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

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

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

类型boolean
默认值true
sortColumn

数据表中列的索引,表的最初排序依据。该列标有指示排序顺序的小箭头。

类型number
默认值-1
宽度

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

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

时间轴配置选项

名称
backgroundColor

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

类型stringobject
默认值'white'
颜色

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

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

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

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

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

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

树形图配置选项

名称
headerColor

每个节点的标头部分的颜色。指定 HTML 颜色值。

类型string
默认值#988f86
maxColor

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

类型string
默认值#00dd00
maxDepth

当前视图中显示的节点级别数量上限。楼层会扁平化为当前平面。如果树中的层数超过此值,您必须向上或向下查看。此外,在节点之下,maxPostDepth 层会以阴影矩形的形式显示。

类型number
默认值1
maxPostDepth

maxDepth 之外要以“微调”方式显示的节点层级数。提示节点显示为 maxDepth 限制范围内的节点内的彩色矩形。

类型number
默认值0
midColor

列 3 值介于 maxColorValueminColorValue 中间的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#000000
minColor

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

类型string
默认值#dd0000
noColor

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

类型string
默认值#000000
subtitle

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

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

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

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

一个对象,用于指定标题文本样式。颜色可以是任何 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontName 和 fontSize。

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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