图表配置选项

图表类型

注释图表配置选项

名称
颜色

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

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

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

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

类型boolean
默认值true
displayZoomButtons

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

类型boolean
默认值true
max

要在 Y 轴上显示的最大值。如果最大数据点数量超过此值, 设置,并且系统会调整图表,以显示下一个主要刻度标记 超过最大数据点。此值的优先级高于确定的 Y 轴最大值 上传者:scaleType

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动

面积图配置选项

名称
areaOpacity

面积图系列下彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。要为广告指定不透明度,请执行以下操作: 请在 series 属性中设置 areaOpacity 值。

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

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

是否猜测缺失点的值。如果为 true,它将猜测 根据相邻点确定任何缺失数据的值。如果为 false,则 在未知点在线条间断。

以下产品支持此功能: 面积isStacked: true/'percent'/'relative'/'absolute' 选项。

类型boolean
默认值false
isStacked

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

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

各个数据元素的形状:'circle''triangle''square''diamond''star''polygon'。请参阅 <ph type="x-smartling-placeholder"></ph> 积分文档 获取示例。

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

    请参阅各种 annotations 选项,更完整地了解 。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
useFirstColumnAsDomain

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

条形图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

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

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

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

如果图表有多个水平轴,则指定各个横轴的属性 轴。每个子对象都是一个 hAxis 对象,可包含所有属性 由 hAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

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

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

    请参阅各种 annotations 选项,更完整地了解 。

  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • targetAxisIndex - 要为此系列指定哪个轴,0 是默认轴 轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中 系统会依据不同的轴来呈现不同的数据系列必须至少分配一个系列 到默认轴您可以为不同的轴定义不同的刻度。
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

显示屏 <ph type="x-smartling-placeholder"></ph> 趋势线 。默认情况下,linear趋势线 不过,您可以使用 trendlines.n.type 选项对此进行自定义。

趋势线是按系列指定的,因此大多数时候,您的选项会以图表形式显示 如下所示:

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

该 <ph type="x-smartling-placeholder"></ph> 趋势线 , 以英文颜色名称或十六进制字符串表示。

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

对于 <ph type="x-smartling-placeholder"></ph> 趋势线 type: 'polynomial' 的多项式的次数 (2 二次方程,3 表示立方,依此类推)。

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

设置后, <ph type="x-smartling-placeholder"></ph> 趋势线 将显示为此字符串。

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

所选元素中的线宽 <ph type="x-smartling-placeholder"></ph> 趋势线,以像素为单位。

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

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 'linear'(默认值)、'exponential''polynomial'

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

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 等式会显示在图例中。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

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

类型boolean
vAxis

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

气泡图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
气泡

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

类型object
默认值null
bubble.opacity

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

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

泡泡的颜色。

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

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

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

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

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

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

类型number
默认值:30
sizeAxis.minSize

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

类型number
默认值:5
subtitle

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
useFirstColumnAsDomain

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

日历配置选项

名称
高度

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

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

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

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

K 线图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

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

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

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

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

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

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

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

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

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • fallingColor.fill - 替换全局 此系列的“candlestick.fallingColor.fill”值。
  • fallingColor.stroke - 替换全局 此系列的“candlestick.fallingColor.stroke”值。
  • fallingColor.strokeWidth - 替换全局 此系列的“candlestick.fallingColor.strokeWidth”值。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • risingColor.fill - 替换全局 此系列的“candlestick.risingColor.fill”值。
  • risingColor.stroke - 替换全局 此系列的“candlestick.risingColor.stroke”值。
  • risingColor.strokeWidth - 替换全局 此系列的“candlestick.risingColor.strokeWidth”值。
  • targetAxisIndex - 要为此系列指定哪个轴,0 是默认轴 轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中 系统会依据不同的轴来呈现不同的数据系列必须至少分配一个系列 到默认轴您可以为不同的轴定义不同的刻度。
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

柱形图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

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

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

    请参阅各种 annotations 选项,更完整地了解 。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

显示屏 <ph type="x-smartling-placeholder"></ph> 趋势线 。默认情况下,linear趋势线 不过,您可以使用 trendlines.n.type 选项对此进行自定义。

趋势线是按系列指定的,因此大多数时候,您的选项会以图表形式显示 如下所示:

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

该 <ph type="x-smartling-placeholder"></ph> 趋势线 , 以英文颜色名称或十六进制字符串表示。

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

对于 <ph type="x-smartling-placeholder"></ph> 趋势线 type: 'polynomial' 的多项式的次数 (2 二次方程,3 表示立方,依此类推)。

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

设置后, <ph type="x-smartling-placeholder"></ph> 趋势线 将显示为此字符串。

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

所选元素中的线宽 <ph type="x-smartling-placeholder"></ph> 趋势线,以像素为单位。

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

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 'linear'(默认值)、'exponential''polynomial'

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

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 等式会显示在图例中。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

组合图表配置选项

名称
areaOpacity

面积图系列下彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。要为广告指定不透明度,请执行以下操作: 请在 series 属性中设置 areaOpacity 值。

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

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

是否猜测缺失点的值。如果为 true,它将猜测 根据相邻点确定任何缺失数据的值。如果为 false,则 在未知点在线条间断。

以下产品支持此功能: 面积isStacked: true/'percent'/'relative'/'absolute' 选项。

类型boolean
默认值false
isStacked

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

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

类型number
默认值2
pointShape

各个数据元素的形状:'circle''triangle''square''diamond''star''polygon'。请参阅 <ph type="x-smartling-placeholder"></ph> 积分文档 获取示例。

类型string
默认值'circle'
pointSize

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

类型number
默认值0
reverseCategories

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

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

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

    请参阅各种 annotations 选项,更完整地了解 。

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

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

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

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

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

指定纵轴的标题。

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

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

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

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

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

指定纵轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto

采样平均值配置选项

名称
greenColor

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

类型string
默认值'#109618'
greenFrom

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

类型number
默认:none
greenTo

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

类型number
默认:none
高度

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

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

要在 Y 轴上显示的最大值。如果最大数据点数量超过此值, 设置,并且系统会调整图表,以显示下一个主要刻度标记 超过最大数据点。此值的优先级高于确定的 Y 轴最大值 上传者:scaleType

这类似于核心图表中的 maxValue

类型number
默认:自动
分钟

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

这类似于核心图表中的 minValue

类型number
默认:自动
redColor

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

类型string
默认值'#DC3912'
redFrom

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

类型number
默认:none
redTo

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

类型number
默认:none
width

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

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

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

类型string
默认值'#FF9900'
yellowFrom

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

类型number
默认:none
yellowTo

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

类型number
默认:none

地理图表配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
datalessRegionColor

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

类型string
默认值'#F5F5F5'
defaultColor

位置时,地理图表中的数据点的颜色 (例如,'US' ),但值为 null 或 未指定。它与 datalessRegionColor 不同,后者是颜色 数据丢失时使用。

类型string
默认值'#267114'
displayMode

这是哪种类型的地理图表。DataTable 格式必须与指定的值匹配。通过 支持以下值:

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

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

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

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

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

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

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

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

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

要在地理图表上显示的区域。周围区域也会显示。可以是 以下项之一:

  • 'world' - 表示整个世界的地理图表。
  • 大洲或次大陆,由其 3 位数验证码,例如非洲西部地区:'011'
  • 国家/地区,由其指定 ISO 3166-1 alpha-2 代码, 例如'AU'(澳大利亚)。
  • 美国的一个州,由 ISO 3166-2:US 代码,例如 'US-AL'(亚拉巴马州)。请注意,resolution 选项必须设置为 'provinces''metros'
类型string
默认:“世界”
width

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

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

直方图配置选项

名称
backgroundColor

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

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

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

类型string
默认值'white'
chartArea

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

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

图表区域高度。

类型numberstring
默认:auto
chartArea.left

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

类型numberstring
默认:auto
chartArea.top

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

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

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

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

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

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
hAxis.minorGridlines

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值1
hAxis.textPosition

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

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

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

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

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

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

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

类型string
默认值null
hAxis.titleTextStyle

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

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

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

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

指定横轴的剪裁范围。

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

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

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

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

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

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

类型number
默认:auto
高度

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

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

对每个直方图条形的大小进行硬编码,而不是让它自己确定 进行查询。

类型number
默认:auto
histogram.hideBucketItems

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

类型boolean
默认值false
histogram.lastBucketPercentile

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

类型number
默认值0
interpolateNulls

是否猜测缺失点的值。如果为 true,它将猜测 根据相邻点确定任何缺失数据的值。如果为 false,则 在未知点在线条间断。

以下产品支持此功能: 面积isStacked: true/'percent'/'relative'/'absolute' 选项。

类型boolean
默认值false
isStacked

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

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

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

类型boolean/string
默认值false
传奇

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

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

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

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

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

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

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

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

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

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

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

  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • targetAxisIndex - 要为此系列指定哪个轴,0 是默认轴 轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中 系统会依据不同的轴来呈现不同的数据系列必须至少分配一个系列 到默认轴您可以为不同的轴定义不同的刻度。
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

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

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

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

类型string
默认:无标题
subtitleTextStyle

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

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

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

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

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

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

类型string
默认:无标题
titleTextStyle

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

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

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

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

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

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

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

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

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

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

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

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

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

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

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

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

此选项仅适用于 continuous 轴。

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

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

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

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

类型number
默认值-1
vAxis.logScale

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

类型boolean
默认值false
vAxis.maxValue

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

类型number
默认:自动
vAxis.minorGridlines

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

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

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

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

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

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

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

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

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型string
默认:无标题
vAxis.titleTextStyle

一个对象,用于指定纵轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型object
默认值null
vAxis.viewWindow.max

要呈现的最大行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
vAxis.viewWindow.min

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
width

图表的宽度(以像素为单位)。

类型number
默认值:所包含元素的宽度

折线图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串、 例如:'red''#00cc00',或者具有以下特征的对象 属性。

类型stringobject
默认值'white'
backgroundColor.fill

图表的填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

一个对象,其中包含用于配置图表区域(图表区域)的放置位置和大小的成员 (不包括轴和图例)。支持两种格式:数字或 数字,后跟 %。简单数字是以像素为单位的值;一个数字后跟 %,表示 百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型object
默认值null
chartArea.backgroundColor
图表区域背景颜色。使用字符串时,它可以是十六进制字符串 (例如,'#fdc')或英语颜色名称。使用对象时, 提供的值:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则会在给定的图表区域周围绘制边框 宽度(颜色为 stroke)。
类型stringobject
默认值'white'
chartArea.height

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。字符串数组,其中每个元素都是一个 HTML 代码 颜色字符串,例如:colors:['red','#004411']

类型:字符串数组
默认:默认颜色
curveType

控制线宽不为零时的曲线。 可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 对线条的角度进行平滑处理。
类型string
默认:“none”
hAxis

包含成员(用于配置各种横轴元素)的对象。指定属性 可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认值null
hAxis.direction

值沿水平轴的增长方向。将 -1 指定为 反转值的顺序。

类型1-1
默认值1
hAxis.gridlines

包含用于配置横轴网格线的属性的对象。 请注意,横轴网格线是垂直绘制的。要指定 属性,则可以使用对象字面量表示法,如下所示:

{color: '#333', minSpacing: 20}

此选项仅适用于 continuous 轴。

类型object
默认值null
hAxis.gridlines.color

图表区域内水平网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认值'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数, 它将用于计算网格线之间的minSpacing。 您可以指定值 1,以便仅绘制一条网格线, 或 0 表示不绘制网格线。 指定默认值 -1。 自动计算网格线的数量 根据其他选项确定

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

一个对象,其中包含用于在水平轴上配置次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅适用于 continuous 轴。

类型object
默认值null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认:网格线和背景颜色的混合
hAxis.minorGridlines.count

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次要网格线的数量现在取决于 完全按照 主网格线(参见hAxis.gridlines.interval) 以及所需的最小空间 (请参阅 hAxis.minorGridlines.minSpacing)。

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

横轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
hAxis.textStyle

一个对象,用于指定横轴文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 属性,用于指定横轴的标题。

类型string
默认值null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型object
默认值null
hAxis.viewWindow.max

要渲染的最大水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
hAxis.viewWindow.min

要渲染的最小水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
interpolateNulls

是否猜测缺失点的值。如果为 true,它将猜测 根据相邻点确定任何缺失数据的值。如果为 false,则 在未知点在线条间断。

以下产品支持此功能: 面积isStacked: true/'percent'/'relative'/'absolute' 选项。

类型boolean
默认值false
传奇

包含成员的对象,用于配置图例的各个方面。要指定 您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认值null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 位于图表左侧,前提是左轴没有与之关联的系列。 因此,如果您希望显示左侧的图例,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,左上角。
  • 'none' - 不显示图例。
  • 'right' - 位于图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型string
默认值'right'
legendTextStyle

用于指定图例文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据行宽度(以像素为单位)。使用 0 可隐藏所有线条并仅显示点。您可以 使用 series 属性替换单个系列的值。

类型number
默认值2
pointShape

各个数据元素的形状:'circle''triangle''square''diamond''star''polygon'。请参阅 <ph type="x-smartling-placeholder"></ph> 积分文档 获取示例。

类型string
默认值'circle'
pointSize

显示的点的直径(以像素为单位)。使用 0 可隐藏所有点。您可以替换 使用 series 属性来为单个系列设置不同的值。如果您使用的是 趋势线pointSize选项会影响趋势线的宽度,除非您覆盖 trendlines.n.pointsize 选项。

类型number
默认值0
reverseCategories

如果设置为 true,则从右向左绘制系列。默认设置是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

一个对象数组,其中每个对象都描述了图表中相应系列的格式。 如需使用系列的默认值,请指定空对象 {}。如果未指定系列或值, 将使用全局值每个对象支持以下属性:

  • annotations - 要应用于此系列图书注解的对象。这个 例如,可用于控制系列的 textStyle

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    请参阅各种 annotations 选项,更完整地了解 。

  • type - 此系列的标记类型。有效值为“line”“area” “bars”和“steppedArea”。请注意,条形实际上是垂直条 (列)。默认值由图表的 seriesType 选项指定。
  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • curveType - 替换此系列的全局 curveType 值。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • lineDashStyle - 替换此属性的全局 lineDashStyle 值 系列视频
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此属性的全局 pointShape 值 系列视频
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此属性的全局 pointsVisible 值 系列视频
  • targetAxisIndex - 要为此系列指定哪个轴,0 是默认轴 轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中 系统会依据不同的轴来呈现不同的数据系列必须至少分配一个系列 到默认轴您可以为不同的轴定义不同的刻度。
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

您可以指定对象数组,其中每个对象都会按给定顺序应用于数据系列;也可以指定一个对象,其中每个子对象都有一个数字键,用于指示其对应的数据系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据并不存在于图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组或包含嵌套对象的对象
默认值{}
subtitle

要在图表标题下方显示的文本。

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值协同工作以实现特定的图表 行为或视觉效果。目前只有一个主题可用:

  • 'maximized' - 将图表区域最大化,并绘制图例和所有标签 图表区域内
类型string
默认值null
标题

要在图表上方显示的文本。

类型string
默认:无标题
titleTextStyle

一个对象,用于指定标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将该列视为文本列。

类型boolean
趋势线

显示屏 <ph type="x-smartling-placeholder"></ph> 趋势线 。默认情况下,linear趋势线 不过,您可以使用 trendlines.n.type 选项对此进行自定义。

趋势线是按系列指定的,因此大多数时候,您的选项会以图表形式显示 如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型object
默认值null
trendlines.n.color

该 <ph type="x-smartling-placeholder"></ph> 趋势线 , 以英文颜色名称或十六进制字符串表示。

类型string
默认:默认系列图书颜色
trendlines.n.degree

对于 <ph type="x-smartling-placeholder"></ph> 趋势线 type: 'polynomial' 的多项式的次数 (2 二次方程,3 表示立方,依此类推)。

类型number
默认值3
trendlines.n.labelInLegend

设置后, <ph type="x-smartling-placeholder"></ph> 趋势线 将显示为该字符串。

类型string
默认值null
trendlines.n.lineWidth

所选元素中的线宽 <ph type="x-smartling-placeholder"></ph> 趋势线 (以像素为单位)。

类型number
默认值2
trendlines.n.type

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 'linear'(默认值)、'exponential''polynomial'

类型string
默认值linear
trendlines.n.visibleInLegend

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 等式会显示在图例中。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表会将该列视为网域。

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

要指定具有多个纵轴的图表,请先使用 series.targetAxisIndex,然后使用 vAxes 配置轴。通过 以下示例将系列 2 分配给右轴,并指定自定义标题和文本 样式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

此属性可以是对象,也可以是数组:对象是对象的集合, 每个标签都有一个数字标签 - 指定其定义的轴,格式如下所示 上面;该数组是一个对象的数组,每个轴对应一个对象。例如,以下数组样式 表示法与上面显示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组或包含子对象的对象
默认值null
vAxis

包含用于配置各种纵轴元素的成员的对象。要指定 您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认值null
vAxis.direction

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

类型1-1
默认值1
vAxis.gridlines

包含成员的对象,用于在纵轴上配置网格线。 请注意,纵轴网格线是水平绘制的。指定属性 可以使用对象字面量表示法,如下所示:

{color: '#333', minSpacing: 20}

此选项仅适用于 continuous 轴。

类型object
默认值null
vAxis.gridlines.color

图表区域内垂直网格线的颜色。请指定有效的 HTML 颜色字符串。

类型string
默认值'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数, 它将用于计算网格线之间的minSpacing。 您可以指定值 1,以便仅绘制一条网格线, 或 0 表示不绘制网格线。 指定默认值 -1。 自动计算网格线的数量 根据其他选项确定

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

将纵轴的最大值移动到指定值;这个值在大多数情况下会上涨, 图表。如果设置的值小于数据的最大 y 值,则忽略。 vAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
vAxis.minorGridlines

一个对象,其中包含用于在纵轴上配置次网格线的成员,类似于 vAxis.gridlines 选项。

类型object
默认值null
vAxis.minorGridlines.color

图表区域内垂直次网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认:网格线和背景颜色的混合
vAxis.minorGridlines.count

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

纵轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型string
默认:无标题
vAxis.titleTextStyle

一个对象,用于指定纵轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型object
默认值null
vAxis.viewWindow.max

要呈现的最大行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
vAxis.viewWindow.min

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto

组织结构图配置选项

名称
颜色

组织结构图元素的背景颜色。

类型string
默认值'#edf7ff'
selectionColor

所选组织结构图元素的背景颜色。

类型string
默认值'#d6e9f8'
大小

图表的总体大小。选项包括 'small''medium''large'

类型string
默认值'medium'

饼图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串、 例如:'red''#00cc00',或者具有以下特征的对象 属性。

类型stringobject
默认值'white'
backgroundColor.fill

图表的填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

一个对象,其中包含用于配置图表区域(图表区域)的放置位置和大小的成员 (不包括轴和图例)。支持两种格式:数字或 数字,后跟 %。简单数字是以像素为单位的值;一个数字后跟 %,表示 百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型object
默认值null
chartArea.backgroundColor
图表区域背景颜色。使用字符串时,它可以是十六进制字符串 (例如,'#fdc')或英语颜色名称。使用对象时, 提供的值:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则会在给定的图表区域周围绘制边框 宽度(颜色为 stroke)。
类型stringobject
默认值'white'
chartArea.height

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。字符串数组,其中每个元素都是一个 HTML 代码 颜色字符串,例如:colors:['red','#004411']

类型:字符串数组
默认:默认颜色
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
3D

如果为 true,则显示三维图表。

类型boolean
默认值false
传奇

包含成员的对象,用于配置图例的各个方面。要指定 您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认值null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 位于图表左侧,前提是左轴没有与之关联的系列。 因此,如果您希望显示左侧的图例,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,左上角。
  • 'none' - 不显示图例。
  • 'right' - 位于图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型string
默认值'right'
legendTextStyle

用于指定图例文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

如果介于 01 之间,则显示圆环图。孔的半径等于 number 倍于图表半径。

类型number
默认值0
pieSliceBorderColor

切片边框的颜色。仅适用于二维图表。

类型string
默认值'white'
pieSliceText

切片上显示的文本内容。可以是下列选项之一:

  • 'percentage' - 切片大小占总数的百分比。
  • 'value' - 切片的定量值。
  • 'label' - 切片的名称。
  • 'none' - 未显示任何文字。
类型string
默认值'percentage'
pieSliceTextStyle

用于指定切片文本样式的对象。该对象的格式如下:

{color: <string>, fontName: <string>, fontSize: <number>}

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制系列。默认设置是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
slices.color

要用于此切片的颜色。

类型string
subtitle

要在图表标题下方显示的文本。

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
标题

要在图表上方显示的文本。

类型string
默认:无标题
titleTextStyle

一个对象,用于指定标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

散点图配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串、 例如:'red''#00cc00',或者具有以下特征的对象 属性。

类型stringobject
默认值'white'
backgroundColor.fill

图表的填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

一个对象,其中包含用于配置图表区域(图表区域)的放置位置和大小的成员 (不包括轴和图例)。支持两种格式:数字或 数字,后跟 %。简单数字是以像素为单位的值;一个数字后跟 %,表示 百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型object
默认值null
chartArea.backgroundColor
图表区域背景颜色。使用字符串时,它可以是十六进制字符串 (例如,'#fdc')或英语颜色名称。使用对象时, 提供的值:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则会在给定的图表区域周围绘制边框 宽度(颜色为 stroke)。
类型stringobject
默认值'white'
chartArea.height

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。字符串数组,其中每个元素都是一个 HTML 代码 颜色字符串,例如:colors:['red','#004411']

类型:字符串数组
默认:默认颜色
curveType

控制线宽不为零时的曲线。 可以是:

  • 'none' - 没有曲线的直线。
  • 'function' - 对线条的角度进行平滑处理。
类型string
默认:“none”
hAxis

包含成员(用于配置各种横轴元素)的对象。指定属性 可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认值null
hAxis.direction

值沿水平轴的增长方向。将 -1 指定为 反转值的顺序。

类型1-1
默认值1
hAxis.gridlines

包含用于配置横轴网格线的属性的对象。 请注意,横轴网格线是垂直绘制的。要指定 属性,则可以使用对象字面量表示法,如下所示:

{color: '#333', minSpacing: 20}

此选项仅适用于 continuous 轴。

类型object
默认值null
hAxis.gridlines.color

图表区域内水平网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认值'#CCC'
hAxis.gridlines.count

图表区域内水平网格线的大致数量。如果您为 gridlines.count 指定一个正数, 它将用于计算网格线之间的minSpacing。 您可以指定值 1,以便仅绘制一条网格线, 或 0 表示不绘制网格线。 指定默认值 -1。 自动计算网格线的数量 根据其他选项确定

类型number
默认值-1
hAxis.logScale

hAxis 属性,将横轴设为对数刻度(需要所有 必须为正数)。设为 true 表示“是”。

只有 continuous 轴支持此选项。

类型boolean
默认值false
hAxis.maxValue

将横轴的最大值移动到指定值;这将 大多数排行榜如果设置的值小于数据最大 x 值,则忽略。 hAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
hAxis.minorGridlines

一个对象,其中包含用于在水平轴上配置次网格线的成员,类似于 hAxis.gridlines 选项。

此选项仅适用于 continuous 轴。

类型object
默认值null
hAxis.minorGridlines.color

图表区域内水平次要网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认:网格线和背景颜色的混合
hAxis.minorGridlines.count

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次要网格线的数量现在取决于 完全按照 主网格线(参见hAxis.gridlines.interval) 以及所需的最小空间 (请参阅 hAxis.minorGridlines.minSpacing)。

类型number
默认值1
hAxis.minValue

将横轴的最小值移到指定值;它将在 大多数排行榜如果设置的值大于数据最小 x 值,则忽略。 hAxis.viewWindow.min 会替换此属性。

类型number
默认:自动
hAxis.textPosition

横轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
hAxis.textStyle

一个对象,用于指定横轴文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 属性,用于指定横轴的标题。

类型string
默认值null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型object
默认值null
hAxis.viewWindow.max

要渲染的最大水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
hAxis.viewWindow.min

要渲染的最小水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
传奇

包含成员的对象,用于配置图例的各个方面。要指定 您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认值null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 位于图表左侧,前提是左轴没有与之关联的系列。 因此,如果您希望显示左侧的图例,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,左上角。
  • 'none' - 不显示图例。
  • 'right' - 位于图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型string
默认值'right'
legendTextStyle

用于指定图例文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

数据行宽度(以像素为单位)。使用 0 可隐藏所有线条并仅显示点。您可以 使用 series 属性替换单个系列的值。

类型number
默认值2
pointShape

各个数据元素的形状:'circle''triangle''square''diamond''star''polygon'。请参阅 <ph type="x-smartling-placeholder"></ph> 积分文档 获取示例。

类型string
默认值'circle'
pointSize

显示的点的直径(以像素为单位)。使用 0 可隐藏所有点。您可以替换 使用 series 属性来为单个系列设置不同的值。如果您使用的是 趋势线pointSize选项会影响趋势线的宽度,除非您覆盖 trendlines.n.pointsize 选项。

类型number
默认值0
系列图书

一个对象数组,其中每个对象都描述了图表中相应系列的格式。要使用 系列的默认值,请指定一个空对象 {}。如果未指定系列或值, 将使用全局值每个对象支持以下属性:

  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • lineWidth - 替换此系列的全局 lineWidth 值。
  • pointShape - 替换此属性的全局 pointShape 值 系列视频
  • pointSize - 替换此系列的全局 pointSize 值。
  • pointsVisible - 替换此属性的全局 pointsVisible 值 系列视频
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

您可以指定对象数组,其中每个对象都会按给定顺序应用于数据系列;也可以指定一个对象,其中每个子对象都有一个数字键,用于指示其对应的数据系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据并不存在于图例中:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组或包含嵌套对象的对象
默认值{}
subtitle

要在图表标题下方显示的文本。

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值协同工作以实现特定的图表 行为或视觉效果。目前只有一个主题可用:

  • 'maximized' - 将图表区域最大化,并绘制图例和所有标签 图表区域内
类型string
默认值null
标题

要在图表上方显示的文本。

类型string
默认:无标题
titleTextStyle

一个对象,用于指定标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将该列视为文本列。

类型boolean
趋势线

显示屏 <ph type="x-smartling-placeholder"></ph> 趋势线 。默认情况下,linear趋势线 不过,您可以使用 trendlines.n.type 选项对此进行自定义。

趋势线是按系列指定的,因此大多数时候,您的选项会以图表形式显示 如下所示:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
类型object
默认值null
trendlines.n.color

该 <ph type="x-smartling-placeholder"></ph> 趋势线 , 以英文颜色名称或十六进制字符串表示。

类型string
默认:默认系列图书颜色
trendlines.n.degree

对于 <ph type="x-smartling-placeholder"></ph> 趋势线 type: 'polynomial' 的多项式的次数 (2 二次方程,3 表示立方,依此类推)。

类型number
默认值3
trendlines.n.labelInLegend

设置后, <ph type="x-smartling-placeholder"></ph> 趋势线 将显示为此字符串。

类型string
默认值null
trendlines.n.lineWidth

所选元素中的线宽 <ph type="x-smartling-placeholder"></ph> 趋势线 (以像素为单位)。

类型number
默认值2
trendlines.n.type

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 'linear'(默认值)、'exponential''polynomial'

类型string
默认值linear
trendlines.n.visibleInLegend

无论 <ph type="x-smartling-placeholder"></ph> 趋势线 等式会显示在图例中。它将显示在趋势线提示中。

类型boolean
默认值false
useFirstColumnAsDomain

如果设置为 true,则图表会将该列视为网域。

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

要指定具有多个纵轴的图表,请先使用 series.targetAxisIndex,然后使用 vAxes 配置轴。通过 以下示例将系列 2 分配给右轴,并指定自定义标题和文本 样式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

此属性可以是对象,也可以是数组:对象是对象的集合, 每个标签都有一个数字标签 - 指定其定义的轴,格式如下所示 上面;该数组是一个对象的数组,每个轴对应一个对象。例如,以下数组样式 表示法与上面显示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组或包含子对象的对象
默认值null
vAxis

包含用于配置各种纵轴元素的成员的对象。要指定 您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认值null
vAxis.direction

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

类型1-1
默认值1
vAxis.gridlines

包含成员的对象,用于在纵轴上配置网格线。 请注意,纵轴网格线是水平绘制的。指定属性 可以使用对象字面量表示法,如下所示:

{color: '#333', minSpacing: 20}

此选项仅适用于 continuous 轴。

类型object
默认值null
vAxis.gridlines.color

图表区域内垂直网格线的颜色。请指定有效的 HTML 颜色字符串。

类型string
默认值'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数, 它将用于计算网格线之间的minSpacing。 您可以指定值 1,以便仅绘制一条网格线, 或 0 表示不绘制网格线。 指定默认值 -1。 自动计算网格线的数量 根据其他选项确定

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

将纵轴的最大值移动到指定值;这个值在大多数情况下会上涨, 图表。如果设置的值小于数据的最大 y 值,则忽略。 vAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
vAxis.minorGridlines

一个对象,其中包含用于在纵轴上配置次网格线的成员,类似于 vAxis.gridlines 选项。

类型object
默认值null
vAxis.minorGridlines.color

图表区域内垂直次网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认:网格线和背景颜色的混合
vAxis.minorGridlines.count

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

纵轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型string
默认:无标题
vAxis.titleTextStyle

一个对象,用于指定纵轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型object
默认值null
vAxis.viewWindow.max

要呈现的最大行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
vAxis.viewWindow.min

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto

阶梯面积图配置选项

名称
areaOpacity

面积图系列下彩色区域的默认不透明度,其中 0.0 表示完全透明,1.0 表示完全不透明。要为广告指定不透明度,请执行以下操作: 请在 series 属性中设置 areaOpacity 值。

类型number0.0- 1.0
默认值0.3
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串、 例如:'red''#00cc00',或者具有以下特征的对象 属性。

类型stringobject
默认值'white'
backgroundColor.fill

图表的填充颜色,采用 HTML 颜色字符串的形式。

类型string
默认值'white'
chartArea

一个对象,其中包含用于配置图表区域(图表区域)的放置位置和大小的成员 (不包括轴和图例)。支持两种格式:数字或 数字,后跟 %。简单数字是以像素为单位的值;一个数字后跟 %,表示 百分比。示例:chartArea:{left:20,top:0,width:'50%',height:'75%'}

类型object
默认值null
chartArea.backgroundColor
图表区域背景颜色。使用字符串时,它可以是十六进制字符串 (例如,'#fdc')或英语颜色名称。使用对象时, 提供的值:
  • stroke:颜色,以十六进制字符串或英文颜色名称的形式提供。
  • strokeWidth:如果提供,则会在给定的图表区域周围绘制边框 宽度(颜色为 stroke)。
类型stringobject
默认值'white'
chartArea.height

图表区域高度。

类型numberstring
默认:auto
chartArea.left

从左侧边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.top

从顶部边框绘制图表的距离。

类型numberstring
默认:auto
chartArea.width

图表区域宽度。

类型numberstring
默认:auto
颜色

用于图表元素的颜色。字符串数组,其中每个元素都是一个 HTML 代码 颜色字符串,例如:colors:['red','#004411']

类型:字符串数组
默认:默认颜色
hAxis

包含成员(用于配置各种横轴元素)的对象。指定属性 可以使用对象字面量表示法,如下所示:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
类型object
默认值null
hAxis.direction

值沿水平轴的增长方向。将 -1 指定为 反转值的顺序。

类型1-1
默认值1
hAxis.textPosition

横轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
hAxis.textStyle

一个对象,用于指定横轴文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis 属性,用于指定横轴的标题。

类型string
默认值null
hAxis.titleTextStyle

一个对象,用于指定横轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

指定横轴的剪裁范围。

类型object
默认值null
hAxis.viewWindow.max

要渲染的最大水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
hAxis.viewWindow.min

要渲染的最小水平数据值。

hAxis.viewWindowMode'pretty''maximized' 时,系统会忽略此参数。

类型number
默认:auto
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
isStacked

如果设置为 true,则在每个域值处堆叠所有系列的元素。 注意:在 Column 区域SteppedArea 图表、 Google 图表会颠倒图例项的顺序,以便更好地对应 系列元素(例如,系列 0 将是最底部的图例项)。这个 适用于 条形图

isStacked 选项还支持 100% 堆叠,即元素堆叠 重新调整为 100%。

isStacked 的选项包括:

  • false - 元素不会堆叠。这是默认选项。
  • true - 堆叠每个域值处所有系列的元素。
  • 'percent' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加等于 100%,其中每个元素的值按如下方式计算: 占 100% 的百分比。
  • 'relative' - 堆叠每个域值处所有系列的元素和 重新缩放这些元素,使它们相加到 1,其中每个元素的值按 1 的小数部分。
  • 'absolute' - 功能与 isStacked: true 相同。

对于 100% 堆叠,为各元素计算出的值将在其 实际值。

目标轴默认采用以分数表示的相对 0-1 刻度来刻度数值 为 1('relative'),0-100%('percent') (注意:使用 'percent' 选项时,轴/刻度点值 以百分比表示,但实际值是相对的 0-1 比例值。 这是因为百分比轴刻度是采用“#.##%”格式后得出的结果。更改为 相对的 0-1 缩放值。使用 isStacked: 'percent' 时,请务必 使用相对的 0-1 缩放值指定任何刻度线/网格线)。您可以自定义 网格线/刻度线值和格式设置。hAxis/vAxis

100% 堆叠仅支持 number 类型的数据值,并且 基线为零。

类型boolean/ string
默认值false
传奇

包含成员的对象,用于配置图例的各个方面。要指定 您可以使用对象字面量表示法,如下所示:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
类型object
默认值null
legend.position

图例的位置。可以是下列选项之一:

  • 'bottom' - 图表下方。
  • 'left' - 位于图表左侧,前提是左轴没有与之关联的系列。 因此,如果您希望显示左侧的图例,请使用 targetAxisIndex: 1 选项。
  • 'in' - 在图表内,左上角。
  • 'none' - 不显示图例。
  • 'right' - 位于图表右侧。与 vAxes 选项不兼容。
  • 'top' - 图表上方。
类型string
默认值'right'
legendTextStyle

用于指定图例文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

如果设置为 true,则从右向左绘制系列。默认设置是从左向右绘制。

此选项仅适用于 discrete major 轴。

类型boolean
默认值false
系列图书

一个对象数组,其中每个对象都描述了图表中相应系列的格式。 如需使用系列的默认值,请指定空对象 {}。如果未指定系列或值, 将使用全局值每个对象支持以下属性:

  • areaOpacity - 替换此系列的全局 areaOpacity
  • color - 要用于此系列的颜色。请指定有效的 HTML 颜色字符串。
  • type - 此系列的标记类型。有效值为“line”“area” “bars”和“steppedArea”。请注意,条形实际上是垂直条 (列)。默认值由图表的 seriesType 选项指定。
  • labelInLegend - 要在图表图例中显示的系列说明。
  • lineDashStyle - 替换此属性的全局 lineDashStyle 值 系列视频
  • targetAxisIndex - 要为此系列指定哪个轴,0 是默认轴 轴,1 是相反轴。默认值为 0;设置为 1 可定义一个图表,其中 系统会依据不同的轴来呈现不同的数据系列必须至少分配一个系列 到默认轴您可以为不同的轴定义不同的刻度。
  • visibleInLegend - boolean 值,其中 true 表示数据系列应 false 表示不应包含图例条目。默认值为 true

您可以指定对象数组,其中每个对象会按指定顺序应用于数据系列,也可以指定一个对象,其中每个子数据项都有一个数字键,用于指示其适用的数据系列。例如,以下两个声明是相同的,将第一个数据系列声明为黑色且从图例中消失,将第四个数据系列声明为红色且从图例中消失:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
类型:对象数组或包含嵌套对象的对象
默认值{}
subtitle

要在图表标题下方显示的文本。

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
主题

主题是一组预定义的选项值,这些值协同工作以实现特定的图表 行为或视觉效果。目前只有一个主题可用:

  • 'maximized' - 将图表区域最大化,并绘制图例和所有标签 图表区域内
类型string
默认值null
标题

要在图表上方显示的文本。

类型string
默认:无标题
titleTextStyle

一个对象,用于指定标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

如果设置为 true,图表会将该列视为文本列。

类型boolean
useFirstColumnAsDomain

如果设置为 true,则图表会将该列视为网域。

类型boolean
vAxes

如果图表具有多个纵轴,则指定各个纵轴的属性。 每个子对象都是一个 vAxis 对象,可包含所有属性 由 vAxis 提供支持。这些属性值会替换 相同的属性。

要指定具有多个纵轴的图表,请先使用 series.targetAxisIndex,然后使用 vAxes 配置轴。通过 以下示例将系列 2 分配给右轴,并指定自定义标题和文本 样式:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

此属性可以是对象,也可以是数组:对象是对象的集合, 每个标签都有一个数字标签 - 指定其定义的轴,格式如下所示 上面;该数组是一个对象的数组,每个轴对应一个对象。例如,以下数组样式 表示法与上面显示的 vAxis 对象完全相同:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
类型:对象数组或包含子对象的对象
默认值null
vAxis

包含用于配置各种纵轴元素的成员的对象。要指定 您可以使用对象字面量表示法,如下所示:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
类型object
默认值null
vAxis.direction

值沿纵轴的增长方向。默认情况下,低值 位于图表底部将 -1 指定为 反转值的顺序。

类型1-1
默认值1
vAxis.gridlines

包含成员的对象,用于在纵轴上配置网格线。 请注意,纵轴网格线是水平绘制的。指定属性 可以使用对象字面量表示法,如下所示:

{color: '#333', minSpacing: 20}

此选项仅适用于 continuous 轴。

类型object
默认值null
vAxis.gridlines.color

图表区域内垂直网格线的颜色。请指定有效的 HTML 颜色字符串。

类型string
默认值'#CCC'
vAxis.gridlines.count

图表区域内水平网格线的大致数量。 如果您为 gridlines.count 指定一个正数, 它将用于计算网格线之间的minSpacing。 您可以指定值 1,以便仅绘制一条网格线, 或 0 表示不绘制网格线。 指定默认值 -1。 自动计算网格线的数量 根据其他选项确定

类型number
默认值-1
vAxis.logScale

如果为 true,则使纵轴以对数刻度表示。注意:所有值都必须为正数。

类型boolean
默认值false
vAxis.maxValue

将纵轴的最大值移动到指定值;这个值在大多数情况下会上涨, 图表。如果设置的值小于数据的最大 y 值,则忽略。 vAxis.viewWindow.max 会替换此属性。

类型number
默认:自动
vAxis.minorGridlines

一个对象,其中包含用于在纵轴上配置次网格线的成员,类似于 vAxis.gridlines 选项。

类型object
默认值null
vAxis.minorGridlines.color

图表区域内垂直次网格线的颜色。请指定有效的 HTML 颜色 字符串。

类型string
默认:网格线和背景颜色的混合
vAxis.minorGridlines.count

除了停用次要网格线外,minorGridlines.count 选项大多已废弃 将计数设置为 0。次网格线的数量取决于 主网格线和所需的最小空间。

类型number
默认值1
vAxis.minValue

将纵轴的最小值移动到指定值;这将在 大多数排行榜如果设为大于数据最小 y 值的值,则忽略。 vAxis.viewWindow.min 会替换此属性。

类型number
默认值null
vAxis.textPosition

纵轴文本相对于图表区域的位置。支持的值:'out''in''none'

类型string
默认值'out'
vAxis.textStyle

用于指定纵轴文本样式的对象。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

指定纵轴的标题。

类型string
默认:无标题
vAxis.titleTextStyle

一个对象,用于指定纵轴标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

指定纵轴的剪裁范围。

类型object
默认值null
vAxis.viewWindow.max

要呈现的最大行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
vAxis.viewWindow.min

要渲染的最小行业数据值。

vAxis.viewWindowMode 为“pretty”时,会被忽略或“maximized”的值。

类型number
默认:auto
width

图表的宽度(以像素为单位)。

类型number
默认值:所包含元素的宽度

表图表配置选项

名称
alternatingRowStyle

确定是否将交替颜色样式分配给奇数行和偶数行。

类型boolean
默认值true
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
网页

是否以及如何启用数据分页。选择以下 string 值之一:

  • 'enable' - 该表将包含向前翻页和后翻页面 按钮。单击这些按钮将执行分页操作并 更改显示的页面。您可能还需要设置 pageSize 选项。
  • 'event' - 表格中将包含前进和后退按钮,但点击这些按钮 会触发 'page' 事件,且不会更改显示的页面。此选项应为 在代码实现自己的翻页逻辑时使用。请参阅 TableQueryWrapper 示例 ,了解有关如何手动处理分页事件的示例。
  • 'disable' - [默认] 不支持分页。
  • 类型string
    默认值'disable'
pageSize

使用页面选项启用分页时,每页的行数。

类型number
默认值10
showRowNumber

如果设置为 true,则将行号显示为表的第一列。

类型boolean
默认值false
排序

是否在用户点击列标题时对列进行排序以及如何排序。如果启用了排序功能 请考虑同时设置 sortAscendingsortColumn 属性。从下列选项中选择一项 以下 string 值:

  • 'enable' - [默认] 用户可以点击列标题,按点击的列标题进行排序 列。当用户点击列标题时,系统会自动对行进行排序, 并且会触发 'sort' 事件。
  • 'event' - 用户点击列标题时,会触发 'sort' 事件,但 因此这些行不会自动排序如果页面 实现自己的排序。请参阅 TableQueryWrapper 示例 ,了解如何手动处理事件排序的示例。
  • 'disable' - 点击列标题没有任何作用。
类型string
默认值'enable'
sortAscending

初始排序列的排序顺序。True 表示升序,false 表示 降序。如果未指定 sortColumn,则忽略。

类型boolean
默认值true
sortColumn

数据表中列的索引,表的最初排序依据。列 标记有指示排序顺序的小箭头。

类型number
默认值-1
width

图表的宽度(以像素为单位)。

类型number
默认值:所包含元素的宽度

时间轴配置选项

名称
backgroundColor

图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串、 例如:'red''#00cc00',或者具有以下特征的对象 属性。

类型stringobject
默认值'white'
颜色

用于图表元素的颜色。字符串数组,其中每个元素都是一个 HTML 代码 颜色字符串,例如:colors:['red','#004411']

类型:字符串数组
默认:默认颜色
高度

图表的高度(以像素为单位)。

类型number
默认值:所包含元素的高度
width

图表的宽度(以像素为单位)。

类型number
默认值:所包含元素的宽度

树形图配置选项

名称
headerColor

每个节点的标头部分的颜色。指定 HTML 颜色值。

类型string
默认值#988f86
maxColor

第 3 列值为 maxColorValue 的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#00dd00
maxDepth

当前视图中显示的节点级别数量上限。水平已扁平化 进入当前平面如果树中的层数超过这个层,就必须向上或 向下滚动即可看到它们。另外,您可以看到低于此数量的 maxPostDepth 个级别,如下所示: 阴影矩形。

类型number
默认值1
maxPostDepth

maxDepth 之外要在“提示”中显示的节点层级数。 提示节点以带阴影的矩形表示 上限为 maxDepth

类型number
默认值0
midColor

第 3 列值介于 maxColorValue 中间的矩形的颜色 和minColorValue。指定 HTML 颜色值。

类型string
默认值#000000
minColor

第 3 列值为 minColorValue 的矩形的颜色。指定 HTML 颜色值。

类型string
默认值#dd0000
noColor

当一个节点没有第 3 列的值,并且该节点是 leaf(或只包含叶)。指定 HTML 颜色值。

类型string
默认值#000000
subtitle

要在图表标题下方显示的文本。

类型string
默认:无标题
subtitleTextStyle

一个对象,用于指定标题文本样式。

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

一个对象,用于指定标题文本样式。颜色可以是任何 HTML 颜色字符串,例如:'red''#00cc00'。另请参阅 fontName 和 fontSize。

类型object
默认:{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
标题

要在图表上方显示的文本。

类型string
默认:无标题
titleTextStyle

一个对象,用于指定标题文本样式。该对象的格式如下:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color 可以是任意 HTML 颜色字符串,例如 'red''#00cc00'。另请参阅 fontNamefontSize

类型object
默认 {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}