图表配置选项

图表类型

注解图表配置选项

名称
颜色

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

类型:字符串数组
默认:默认颜色
displayRangeSelector(显示范围选择器)

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

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

类型boolean
默认true
displayZoomButtons

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

类型boolean
默认true
最大值

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

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动

面积图配置选项

名称
区域不透明度

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

类型number0.0- 1.0
默认0.3
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

类型number
默认2
点形状

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

类型string
默认'circle'
点大小

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

类型number
默认0
反向类别

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

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

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

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

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

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

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

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

类型string
默认:无标题
副标题文字样式

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

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>}
对待标签文本

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

类型boolean
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

条形图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

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

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

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

如果图表具有多个横轴,则指定各条横轴的属性。每个子对象都是一个 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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
默认:容器元素的高度
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

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

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

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

  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 显示在图表图例中的系列的说明。
  • targetAxisIndex - 要将此系列分配给哪个轴,其中 0 是默认轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中不同的轴上会呈现不同的系列。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的缩放比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示序列应具有图例条目,false 表示它不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
副标题文字样式

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

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
趋势线.颜色

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

类型string
默认:默认系列颜色
趋势线

对于 type: 'polynomial'趋势线,多项式的角度(2 代表二次方程,3 代表立方体,等等)。

类型number
默认3
Trendslines.n.labelInLegend

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

类型string
默认null
Trendslines.n.lineWidth

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

类型number
默认2
趋势线.类型

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

类型string
默认linear
Trendslines.n.visibleInLegend

趋势线公式是否显示在图例中。这条线会显示在趋势线提示中。

类型boolean
默认false
useFirstColumnAsDomain 类的用法

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

类型boolean

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

气泡图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
气泡

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

类型object
默认null
气泡

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

类型:0.0 到 1.0 之间的数字
默认:0.8
气泡

气泡的颜色和描边颜色。

类型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:{left:20,top:0,width:'50%',height:'75%'}

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

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

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

 {minValue: 0,  maxSize: 20}
类型object
默认null
尺寸 Axis.maxSize

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

类型number
默认:30
sizeAxis.minSize

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

类型number
默认:5
subtitle

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

类型string
默认:无标题
副标题文字样式

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

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>}
对待标签文本

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

类型boolean
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

日历配置选项

名称
高度

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

类型number
默认:容器元素的高度
width

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

类型number
默认:容器元素的宽度

K 线图表配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • fallingColor.fill - 替换此系列的全局 candlestick.fallingColor.fill 值。
  • fallingColor.stroke - 替换此系列的全局 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth - 替换此系列的全局 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 显示在图表图例中的系列的说明。
  • risingColor.fill - 替换此系列的全局 candlestick.risingColor.fill 值。
  • risingColor.stroke - 替换此系列的全局 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth - 替换此系列的全局 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex - 要将此系列分配给哪个轴,其中 0 是默认轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中不同的轴上会呈现不同的系列。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的缩放比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示序列应具有图例条目,false 表示它不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
副标题文字样式

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

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
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

柱形图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
默认:容器元素的高度
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

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

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

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

  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 显示在图表图例中的系列的说明。
  • targetAxisIndex - 要将此系列分配给哪个轴,其中 0 是默认轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中不同的轴上会呈现不同的系列。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的缩放比例。

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

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

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

类型string
默认:无标题
副标题文字样式

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

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
趋势线.颜色

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

类型string
默认:默认系列颜色
趋势线

对于 type: 'polynomial'趋势线,多项式的角度(2 代表二次方程,3 代表立方体,等等)。

类型number
默认3
Trendslines.n.labelInLegend

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

类型string
默认null
Trendslines.n.lineWidth

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

类型number
默认2
趋势线.类型

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

类型string
默认linear
Trendslines.n.visibleInLegend

趋势线公式是否显示在图例中。这条线会显示在趋势线提示中。

类型boolean
默认false
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

组合图表配置选项

名称
区域不透明度

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

类型number0.0- 1.0
默认0.3
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

当线条宽度不为零时,控制线条的曲线。可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 线条的角度将变得平滑。
类型string
默认:'none'

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

类型number
默认2
点形状

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

类型string
默认'circle'
点大小

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

类型number
默认0
反向类别

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

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

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

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

  • areaOpacity - 替换此系列的全局 areaOpacity
  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • curveType - 替换此系列的全局 curveType 值。
  • fallingColor.fill - 替换此系列的全局 candlestick.fallingColor.fill 值。
  • fallingColor.stroke - 替换此系列的全局 candlestick.fallingColor.stroke 值。
  • fallingColor.strokeWidth - 替换此系列的全局 candlestick.fallingColor.strokeWidth 值。
  • labelInLegend - 显示在图表图例中的系列的说明。
  • lineDashStyle - 替换此系列的全局 lineDashStyle 值。
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此系列的全局 pointShape 值。
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此系列的全局 pointsVisible 值。
  • risingColor.fill - 替换此系列的全局 candlestick.risingColor.fill 值。
  • risingColor.stroke - 替换此系列的全局 candlestick.risingColor.stroke 值。
  • risingColor.strokeWidth - 替换此系列的全局 candlestick.risingColor.strokeWidth 值。
  • targetAxisIndex - 要将此系列分配给哪个轴,其中 0 是默认轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中不同的轴上会呈现不同的系列。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的缩放比例。
  • type - 该系列的标记类型。有效值为 &line39;area&arena'area'bars'、'candlesticks'stepedArea'。请注意,条形图实际上是垂直条(列)。默认值由图表的 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
默认:无标题
副标题文字样式

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

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
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

仪表盘配置选项

名称
绿色

HTML 颜色中绿色部分使用的颜色。

类型string
默认'#109618'
绿色

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

类型number
默认:无
绿色收件人

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

类型number
默认:无
高度

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

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

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

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动
红色

HTML 颜色中红色部分使用的颜色。

类型string
默认'#DC3912'
红色

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

类型number
默认:无
红色到

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

类型number
默认:无
width

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

类型number
默认:容器的宽度
黄色

HTML 颜色中黄色部分使用的颜色。

类型string
默认'#FF9900'
黄色发件人

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

类型number
默认:无
YellowTo

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

类型number
默认:无

地理图表配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
datalessRegionColor

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

类型string
默认'#F5F5F5'
defaultColor

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

类型string
默认'#267114'
显示模式

这是哪类地理图表。DataTable 格式必须与指定的值一致。支持以下值:

  • 'auto' - 根据 DataTable 的格式选择。
  • 'regions' - 为地理图表上的区域着色。
  • 'markers' - 将标记放置到区域上。
  • 'text' - 使用 DataTable 中的文本标记区域。
类型string
默认值:auto 'auto'
高度

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

类型number
默认:容器元素的高度
传奇

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认null
图例文字样式

用于指定图例文本样式的对象。此对象的格式为:

{ color: <string>,
  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' - 整个世界的地理图表。
  • 洲或子大陆,由相应的三位数代码指定,例如:'011'(适用于西非)。
  • 通过 ISO 3166-1 alpha-2 代码指定的国家/地区,例如:'AU'(澳大利亚)。
  • 美国的州,由其 ISO 3166-2:US 代码指定,例如:'US-AL',代表亚拉巴马州。请注意,resolution 选项必须设置为 'provinces''metros'
类型string
默认值:'world'
width

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

类型number
默认:容器元素的宽度

直方图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  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
默认:容器元素的高度
直方图范围

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

类型number
默认:auto
直方图:hideBucketItems

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

类型boolean
默认false
直方图.lastBucketPercentile

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

类型number
默认0
interpolateNulls

是否猜测缺失的点的值。如果为 true,它将根据相邻点猜测任何缺失数据的值。如果为 false,则会在未知点处换行。

使用 isStacked: true/'percent'/'relative'/'absolute' 选项的面积图表支持这样做。

类型boolean
默认false
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 显示在图表图例中的系列的说明。
  • targetAxisIndex - 要将此系列分配给哪个轴,其中 0 是默认轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中不同的轴上会呈现不同的系列。必须向默认轴分配至少一个系列。您可以为不同的轴定义不同的缩放比例。
  • visibleInLegend - 一个 boolean 值,其中 true 表示序列应具有图例条目,false 表示它不应具有图例条目。默认值为 true

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

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

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

类型string
默认:无标题
副标题文字样式

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

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
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto
width

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

类型number
默认:容器元素的宽度

折线图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

当线条宽度不为零时,控制线条的曲线。可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 线条的角度将变得平滑。
类型string
默认:'none'

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

类型number
默认2
点形状

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

类型string
默认'circle'
点大小

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

类型number
默认0
反向类别

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

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

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

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

  • type - 该系列的标记类型。有效值为 &line39;area&arena'area'bars'、'candlesticks'stepedArea'。请注意,条形图实际上是垂直条(列)。默认值由图表的 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
默认:无标题
副标题文字样式

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

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>}
对待标签文本

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

类型boolean
趋势线

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型object
默认null
趋势线.颜色

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

类型string
默认:默认系列颜色
趋势线

对于 type: 'polynomial'趋势线,多项式的角度(2 代表二次方程,3 代表立方体,等等)。

类型number
默认3
Trendslines.n.labelInLegend

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

类型string
默认null
Trendslines.n.lineWidth

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

类型number
默认2
趋势线.类型

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

类型string
默认linear
Trendslines.n.visibleInLegend

趋势线公式是否显示在图例中。这条线会显示在趋势线提示中。

类型boolean
默认false
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

组织结构图配置选项

名称
颜色

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

类型string
默认'#edf7ff'
选择颜色

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

类型string
默认'#d6e9f8'
大小

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

类型string
默认'medium'

饼图配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

类型number
默认:容器元素的高度
Is3D

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

类型boolean
默认false
传奇

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认null
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

类型number
默认0
pieSliceBorderColor

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

类型string
默认'white'
PieSliceText

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

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

用于指定 Slice 文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
Slices.color

用于此切片的颜色。

类型string
subtitle

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

类型string
默认:无标题
副标题文字样式

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

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:{left:20,top:0,width:'50%',height:'75%'}

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

当线条宽度不为零时,控制线条的曲线。可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 线条的角度将变得平滑。
类型string
默认:'none'

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

类型number
默认2
点形状

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

类型string
默认'circle'
点大小

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

类型number
默认0
series

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

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

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

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

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

类型string
默认:无标题
副标题文字样式

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

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>}
对待标签文本

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

类型boolean
趋势线

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型object
默认null
趋势线.颜色

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

类型string
默认:默认系列颜色
趋势线

对于 type: 'polynomial'趋势线,多项式的角度(2 代表二次方程,3 代表立方体,等等)。

类型number
默认3
Trendslines.n.labelInLegend

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

类型string
默认null
Trendslines.n.lineWidth

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

类型number
默认2
趋势线.类型

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

类型string
默认linear
Trendslines.n.visibleInLegend

趋势线公式是否显示在图例中。这条线会显示在趋势线提示中。

类型boolean
默认false
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto

阶梯面积图配置选项

名称
区域不透明度

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

类型number0.0- 1.0
默认0.3
backgroundColor

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

类型stringobject
默认'white'
backgroundColor.fill

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

类型string
默认'white'
图表区域

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

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

图表区域高度。

类型numberstring
默认:auto
图表区域

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

类型numberstring
默认:auto
图表区域

从上边框绘制图表的距离。

类型numberstring
默认:auto
图表面积

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认null
轴方向

沿横轴的值增长的方向。指定 -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
默认:容器元素的高度
堆叠

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

isStacked 选项还支持 100% 堆叠,其中每个网域值上的元素堆栈都会重新缩放,加起来等于 100%。

isStacked 的选项包括:

  • false - 元素将不会堆叠。这是默认选项。
  • true - 在每个网域值上堆叠所有系列的元素。
  • 'percent' - 在每个网域值上堆叠所有系列的元素,并进行重新缩放,使其相加等于 100%,每个元素的值按 100% 的百分比计算。
  • 'relative' - 在每个系列值上堆叠所有系列的元素,并重新缩放这些元素,使每个元素的值之和等于 1,并且每个元素的值按 1 的分数形式进行计算。
  • 'absolute' - 功能与 isStacked: true 相同。

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

对于 'relative',目标轴默认以 0 到 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
图例位置

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

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

用于指定图例文本样式的对象。此对象的格式为:

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

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

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

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

只有 discrete major 轴支持此选项。

类型boolean
默认false
series

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

  • areaOpacity - 替换此系列的全局 areaOpacity
  • color - 用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • type - 该系列的标记类型。有效值为 &line39;area&arena'area'bars'、'candlesticks'stepedArea'。请注意,条形图实际上是垂直条(列)。默认值由图表的 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
默认:无标题
副标题文字样式

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

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>}
对待标签文本

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

类型boolean
useFirstColumnAsDomain 类的用法

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

类型boolean
Vax

如果图表具有多个垂直轴,则指定单个垂直轴的属性。每个子对象都是一个 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

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认null
垂直方向

纵轴上的值的增长方向。默认情况下,图表的底部会显示低值。指定 -1 可颠倒值的顺序。

类型1-1
默认1
垂直网格线

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

{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
最大轴值

将纵轴的最大值移到指定值;在大多数图表中,此值会上移。如果该值设为小于数据 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>}
影视内容标题

指定纵轴的标题。

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

用于指定垂直轴标题文本样式的对象。此对象的格式为:

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

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

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

指定纵轴的剪裁范围。

类型object
默认null
vAxis.viewWindow.max

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

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

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

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

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

类型number
默认:auto
width

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

类型number
默认:容器元素的宽度

表图表配置选项

名称
交替行样式

确定是否为奇数行或偶数行分配交替颜色样式。

类型boolean
默认true
高度

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

类型number
默认:容器元素的高度
网页

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

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

通过页面选项启用分页后,每个页面的行数。

类型number
默认10
显示行号

如果设置为 true,系统会将行号显示为表的第一列。

类型boolean
默认false
排序

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

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

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

类型boolean
默认true
排序列

数据表中的列索引,该表最初按其排序。该列标有一个小箭头,指示排序顺序。

类型number
默认-1
width

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

类型number
默认:容器元素的宽度

时间轴配置选项

名称
backgroundColor

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

类型stringobject
默认'white'
颜色

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

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

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

类型number
默认:容器元素的高度
width

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

类型number
默认:容器元素的宽度

树形图配置选项

名称
标头颜色

每个节点的标题部分的颜色。指定 HTML 颜色值。

类型string
默认#988f86
最大颜色

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

类型string
默认#00dd00
最大深度

当前视图可显示的最大节点数量。级别被扁平化为当前平面。如果树形结构的层级超过此值,您必须上升或下降才能看到。此外,您还可以在这些节点下方看到 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
默认:无标题
副标题文字样式

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

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