图表类型
注释图表配置选项
名称 | |
---|---|
颜色 | 用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
displayRangeSelector | 是否显示缩放范围选择区域(图表底部的区域),其中 缩放选择器中的轮廓是图表中第一个系列的对数缩放版本,缩放后可根据缩放选择器的高度进行调整。 类型:
boolean 默认值:
true |
displayZoomButtons |
是否显示缩放按钮(“1d 5d 1m”等),其中 类型:
boolean 默认值:
true |
最大值 |
Y 轴上显示的最大值。如果最大数据点超过此值,系统会忽略此设置,并调整图表以显示高于最大数据点的下一个主要刻度线。这优先于由 这与核心图表中的 类型:
number 默认:自动
|
分钟 |
要在 Y 轴上显示的最小值。如果最小数据点小于此值,则系统会忽略此设置,并调整图表以显示低于最小数据点的下一个主要刻度线。这优先于由 这与核心图表中的 类型:
number 默认:自动
|
面积图配置选项
名称 | |
---|---|
areaOpacity |
面积图系列下彩色区域的默认不透明度,其中 类型:
number 、0.0- 1.0 默认值:
0.3 |
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
interpolateNulls |
是否猜测缺失点的值。如果为
具有 类型:
boolean 默认值:
false |
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean /string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
数据线宽度(以像素为单位)。使用“0”可以隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果设置为 类型:
boolean |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
条形图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:数字或
string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxes |
如果图表具有多个横轴,则指定各个横轴的属性。每个子对象都是一个
如需指定包含多个横轴的图表,请先使用
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean /string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。
若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
趋势线 |
在支持趋势线的图表上显示
趋势线
。默认使用
趋势线是按系列指定的,因此在大多数情况下,您的选项将如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 类型:
object 默认值:
null |
trendlines.n.color |
趋势线 的颜色,以英文颜色名称或十六进制字符串表示。 类型:
string 默认:默认系列颜色
|
trendlines.n.degree |
对于 类型:
number 默认值:
3 |
trendlines.n.labelInLegend |
设置后, 趋势线 将以此字符串的形式在图例中显示。 类型:
string 默认值:
null |
trendlines.n.lineWidth |
趋势线的线宽(以像素为单位)。 类型:
number 默认值:
2 |
trendlines.n.type |
趋势线
是 类型:
string 默认值:
linear |
trendlines.n.visibleInLegend |
趋势线 等式是否出现在图例中。它将显示在趋势线提示中。 类型:
boolean 默认值:
false |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxis |
一个对象,包含用于配置各种纵轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} 类型:
object 默认值:
null |
vAxis.direction |
纵轴上的值增长的方向。默认情况下,低值位于图表底部。指定 类型:
1 或 -1 默认值:
1 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
气泡图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
bubble |
一个对象,包含用于配置气泡的视觉属性的成员。 类型:
object 默认值:
null |
bubble.opacity |
气泡的不透明度,其中 类型:介于 0.0 和 1.0 之间的数字
默认值:0.8
|
bubble.stroke |
气泡的描边颜色。 类型:
string 默认值:
'#ccc' |
bubble.textStyle |
一个对象,用于指定气泡文本样式。该对象的格式如下: {color: <string>, fontName: <string>, fontSize: <number>}
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟 %。简单数字是以像素为单位的值;数字后跟 % 是百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
series |
对象的对象,其中键是数据系列名称(“Color”列中的值)以及描述图表中相应数据系列格式的每个对象。如果未指定系列或值,将使用全局值。每个对象支持以下属性:
series: {'Europe': {color: 'green'}} 类型:包含嵌套对象的对象
默认值:
{} |
sizeAxis |
一个包含成员的对象,用于配置值与气泡大小的关联方式。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {minValue: 0, maxSize: 20} 类型:
object 默认值:
null |
sizeAxis.maxSize |
可能的最大气泡的最大半径(以像素为单位)。 类型:
number 默认值:30
|
sizeAxis.minSize |
可能的最小气泡的最小半径(以像素为单位)。 类型:
number 默认值:5
|
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果设置为 类型:
boolean |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
日历配置选项
名称 | |
---|---|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
K 线图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。
若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
柱形图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean /string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。
若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
趋势线 |
在支持趋势线的图表上显示
趋势线
。默认使用
趋势线是按系列指定的,因此在大多数情况下,您的选项将如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 类型:
object 默认值:
null |
trendlines.n.color |
趋势线 的颜色,以英文颜色名称或十六进制字符串表示。 类型:
string 默认:默认系列颜色
|
trendlines.n.degree |
对于 类型:
number 默认值:
3 |
trendlines.n.labelInLegend |
设置后, 趋势线 将以此字符串的形式在图例中显示。 类型:
string 默认值:
null |
trendlines.n.lineWidth |
趋势线的线宽(以像素为单位)。 类型:
number 默认值:
2 |
trendlines.n.type |
趋势线
是 类型:
string 默认值:
linear |
trendlines.n.visibleInLegend |
趋势线 等式是否出现在图例中。它将显示在趋势线提示中。 类型:
boolean 默认值:
false |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
组合图表配置选项
名称 | |
---|---|
areaOpacity |
面积图系列下彩色区域的默认不透明度,其中 类型:
number 、0.0- 1.0 默认值:
0.3 |
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
curveType |
控制线条宽度不为零时的曲线。 可以是:
类型:
string 默认值:“none”
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
interpolateNulls |
是否猜测缺失点的值。如果为
具有 类型:
boolean 默认值:
false |
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean /string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
数据线宽度(以像素为单位)。使用“0”可以隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。如需使用系列的默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
采样平均值配置选项
名称 | |
---|---|
greenColor |
用于绿色部分的颜色(采用 HTML 颜色表示法)。 类型:
string 默认值:
'#109618' |
greenFrom |
范围以绿色标记的最低值。 类型:
number 默认:none
|
greenTo |
范围以绿色标记的最大值。 类型:
number 默认:none
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:容器的宽度
|
最大值 |
Y 轴上显示的最大值。如果最大数据点超过此值,系统会忽略此设置,并调整图表以显示高于最大数据点的下一个主要刻度线。这优先于由 这与核心图表中的 类型:
number 默认:自动
|
分钟 |
要在 Y 轴上显示的最小值。如果最小数据点小于此值,则系统会忽略此设置,并调整图表以显示低于最小数据点的下一个主要刻度线。这优先于由 这与核心图表中的 类型:
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 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
datalessRegionColor |
要分配给没有关联数据的区域的颜色。 类型:
string 默认值:
'#F5F5F5' |
defaultColor |
当位置(例如, 类型:
string 默认值:
'#267114' |
displayMode |
这是哪种类型的地理图表。数据表格式必须与指定的值一致。支持使用以下值:
类型:
string 默认值:“auto”
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
区域 |
要在地理图表上显示的区域。周围区域也会显示。可以是以下其中一项:
类型:
string 默认值:“world”
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
直方图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型: string 或 object /div>
默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
histogram.bucketSize |
对每个直方图条的大小进行硬编码,而不是通过算法确定。 类型:
number 默认:auto
|
histogram.hideBucketItems |
省略直方图块之间的细除,将其变为一系列实线。 类型:
boolean 默认值:
false |
histogram.lastBucketPercentile |
计算直方图的存储分区大小时,请忽略顶部和底部 类型:
number 默认值:
0 |
interpolateNulls |
是否猜测缺失点的值。如果为
具有 类型:
boolean 默认值:
false |
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean /string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
折线图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
curveType |
控制线条宽度不为零时的曲线。 可以是:
类型:
string 默认值:“none”
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
interpolateNulls |
是否猜测缺失点的值。如果为
具有 类型:
boolean 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
数据线宽度(以像素为单位)。使用“0”可以隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。
若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应的数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果设置为 类型:
boolean |
趋势线 |
在支持趋势线的图表上显示
趋势线
。默认使用
趋势线是按系列指定的,因此在大多数情况下,您的选项将如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 类型:
object 默认值:
null |
trendlines.n.color |
趋势线 的颜色,以英文颜色名称或十六进制字符串表示。 类型:
string 默认:默认系列颜色
|
trendlines.n.degree |
对于 类型:
number 默认值:
3 |
trendlines.n.labelInLegend |
设置后, 趋势线 将以此字符串的形式在图例中显示。 类型:
string 默认值:
null |
trendlines.n.lineWidth |
趋势线 的线宽(以像素为单位)。 类型:
number 默认值:
2 |
trendlines.n.type |
趋势线
是 类型:
string 默认值:
linear |
trendlines.n.visibleInLegend |
趋势线 等式是否出现在图例中。它将显示在趋势线提示中。 类型:
boolean 默认值:
false |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
组织结构图配置选项
名称 | |
---|---|
颜色 |
组织结构图元素的背景颜色。 类型:
默认值:
'#edf7ff' |
selectionColor |
所选组织图表元素的背景颜色。 类型:
string 默认值:
'#d6e9f8' |
大小 |
图表的总体大小。选项包括 类型:
string 默认值:
'medium' |
饼图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
3D |
如果为 类型:
boolean 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
如果介于 类型:
number 默认值:
0 |
pieSliceBorderColor |
切片边框的颜色。仅适用于二维图表。 类型:
string 默认值:
'white' |
pieSliceText |
切片上显示的文本的内容。可以是下列选项之一:
类型:
string 默认值:
'percentage' |
pieSliceTextStyle |
一个对象,用于指定切片文本样式。该对象的格式如下: {color: <string>, fontName: <string>, fontSize: <number>}
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
slices.color |
要用于此 Slice 的颜色。 类型:
string |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
散点图配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
curveType |
控制线条宽度不为零时的曲线。 可以是:
类型:
string 默认值:“none”
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.gridlines |
一个对象,其属性用于配置横轴上的网格线。请注意,水平轴网格线是垂直绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
hAxis.gridlines.color |
图表区域内水平网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
hAxis.gridlines.count |
图表区域内水平网格线的大致数量。如果您为 类型:
number 默认值:
-1 |
hAxis.logScale |
此选项仅适用于 类型:
boolean 默认值:
false |
hAxis.maxValue |
将横轴的最大值移至指定的值;在大多数图表中,这样会向右移动。如果将此值设为小于数据的最大 x 值,则忽略。
类型:
number 默认:自动
|
hAxis.minorGridlines |
一个对象,包含用于配置横轴上的次要网格线的成员,类似于
只有 类型:
object 默认值:
null |
hAxis.minorGridlines.color |
图表区域内水平次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
hAxis.minorGridlines.count |
类型:
number 默认值:
1 |
hAxis.minValue |
将横轴的最小值移至指定值;在大多数图表中,这会向左移动。如果将此值设为大于数据最小 x 值的值,系统会忽略该属性。
类型:
number 默认:自动
|
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
数据线宽度(以像素为单位)。使用“0”可以隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用“0”隐藏所有点。您可以使用 类型:
number 默认值:
0 |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。若要对系列使用默认值,请指定空对象
您可以指定一个对象数组(其中每个对象都按给定顺序应用于相应数据系列),也可以指定一个对象,其中每个子项都有一个数字键,用于指示该数据系列所适用的系列。例如,以下两个声明是相同的,并且将第一个数据系列声明为黑色且不在图例中,第四个数据系列声明为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果设置为 类型:
boolean |
趋势线 |
在支持趋势线的图表上显示
趋势线
。默认使用
趋势线是按系列指定的,因此在大多数情况下,您的选项将如下所示: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } 类型:
object 默认值:
null |
trendlines.n.color |
趋势线 的颜色,以英文颜色名称或十六进制字符串表示。 类型:
string 默认:默认系列颜色
|
trendlines.n.degree |
对于 类型:
number 默认值:
3 |
trendlines.n.labelInLegend |
设置后, 趋势线 将以此字符串的形式在图例中显示。 类型:
string 默认值:
null |
trendlines.n.lineWidth |
趋势线 的线宽(以像素为单位)。 类型:
number 默认值:
2 |
trendlines.n.type |
趋势线
是 类型:
string 默认值:
linear |
trendlines.n.visibleInLegend |
趋势线 等式是否出现在图例中。它将显示在趋势线提示中。 类型:
boolean 默认值:
false |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
阶梯面积图配置选项
名称 | |
---|---|
areaOpacity |
面积图系列下彩色区域的默认不透明度,其中 类型:
number 、0.0- 1.0 默认值:
0.3 |
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表填充颜色,以 HTML 颜色字符串表示。 类型:
string 默认值:
'white' |
chartArea |
一个对象,包含用于配置图表区域(绘制图表本身,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或后跟 % 的数字。简单数字是以像素为单位的值;数字后跟 % 表示百分比。示例: 类型:
object 默认值:
null |
chartArea.backgroundColor |
图表区域背景颜色。使用字符串时,它可以是十六进制字符串(例如
'#fdc' )或英语颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object 默认值:
'white' |
chartArea.height |
图表区域高度。 类型:
number 或 string 默认:auto
|
chartArea.left |
图表与左边框之间的距离。 类型:
number 或 string 默认:auto
|
chartArea.top |
距离上边框的距离。 类型:
number 或 string 默认:auto
|
chartArea.width |
图表区域宽度。 类型:
number 或 string 默认:auto
|
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
hAxis |
一个对象,包含用于配置各种横轴元素的成员。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } 类型:
object 默认值:
null |
hAxis.direction |
沿水平轴的值增长的方向。指定 类型:
1 或 -1 默认值:
1 |
hAxis.textPosition |
横轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
hAxis.textStyle |
一个对象,用于指定横轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
类型:
string 默认值:
null |
hAxis.titleTextStyle |
一个对象,用于指定横轴标题文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
指定横轴的剪裁范围。 类型:
object 默认值:
null |
hAxis.viewWindow.max |
要呈现的最大横向数据值。 当 类型:
number 默认:auto
|
hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number 默认:auto
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
isStacked |
如果设置为
对于 100% 堆叠,计算出的每个元素的值将显示在提示中实际值后面的位置。
目标轴默认根据相对 0-1 的刻度(
100% 堆叠仅支持 类型:
boolean / string 默认值:
false |
传奇 |
包含用于配置图例各个方面的成员的对象。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} 类型:
object 默认值:
null |
legend.position |
图例的位置。可以是下列选项之一:
类型:
string 默认值:
'right' |
legendTextStyle |
用于指定图例文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
series |
对象的数组,其中每个对象描述图表中相应系列的格式。
若要对系列使用默认值,请指定空对象
您可以指定一个对象数组,其中每个对象都按指定顺序应用于数据系列,也可以指定一个对象,使每个子项都拥有一个数字键,指明所适用的系列。例如,以下两个声明是相同的,将第一个数据系列声明为黑色且不在图例中,第四个系列为红色且不在图例中: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } 类型:对象数组或具有嵌套对象的对象
默认值:
{} |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
主题 |
主题背景是一组预定义的选项值,这些值可以协同发挥作用来实现特定的图表行为或视觉效果。目前只有一个主题可用:
类型:
string 默认值:
null |
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
如果设置为 类型:
boolean |
useFirstColumnAsDomain |
如果设置为 类型:
boolean |
vAxes |
如果图表有多个纵轴,用于指定各个纵轴的属性。
每个子对象都是一个
如需指定包含多个纵轴的图表,请先使用 { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
此属性可以是对象或数组:该对象是对象的集合,每个对象都带有数字标签,指定了其定义的轴(遵循以上格式);数组是一个对象数组,每个轴对应一个。例如,以下数组样式的表示法与上面显示的 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 |
vAxis.gridlines |
一个对象,包含用于配置纵轴上的网格线的成员。请注意,纵轴网格线是水平绘制的。如需指定此对象的属性,您可以使用对象字面量表示法,如下所示: {color: '#333', minSpacing: 20}
只有 类型:
object 默认值:
null |
vAxis.gridlines.color |
图表区域内垂直网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认值:
'#CCC' |
vAxis.gridlines.count |
图表区域内水平网格线的大致数量。
如果您为 类型:
number 默认值:
-1 |
vAxis.logScale |
如果为 类型:
boolean 默认值:
false |
vAxis.maxValue |
将纵轴的最大值移至指定的值;在大多数图表中,此值都会向上移动。如果设为小于数据的最大 y 值的值,则忽略。
类型:
number 默认:自动
|
vAxis.minorGridlines |
一个对象,包含用于配置纵轴上的次要网格线的成员,与 vAxis.gridlines 选项类似。 类型:
object 默认值:
null |
vAxis.minorGridlines.color |
图表区域内的垂直次要网格线的颜色。请指定一个有效的 HTML 颜色字符串。 类型:
string 默认:网格线和背景颜色的混合
|
vAxis.minorGridlines.count |
类型:
number 默认值:
1 |
vAxis.minValue |
将纵轴的最小值移至指定的值;在大多数图表中,此值会向下移动。如果将此值设为大于数据最小 y 值的值,系统会忽略该属性。
类型:
number 默认值:
null |
vAxis.textPosition |
纵轴文本相对于图表区域的位置。支持的值: 类型:
string 默认值:
'out' |
vAxis.textStyle |
一个对象,用于指定纵轴文本样式。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
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> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
指定纵轴的剪裁范围。 类型:
object 默认值:
null |
vAxis.viewWindow.max |
要呈现的最大纵向数据值。 当 类型:
number 默认:auto
|
vAxis.viewWindow.min |
要呈现的最小垂直数据值。 当 类型:
number 默认:auto
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
表格图表配置选项
名称 | |
---|---|
alternatingRowStyle |
确定是否要将交替颜色样式分配给奇数行和偶数行。 类型:
boolean 默认值:
true |
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
网页 |
是否以及如何启用数据分页。选择以下
类型:
string 默认值:
'disable' |
pageSize |
每页的行数(使用页面选项启用分页时)。 类型:
number 默认值:
10 |
showRowNumber |
如果设置为 类型:
boolean 默认值:
false |
sort |
当用户点击列标题时是否以及如何对列进行排序。如果启用了排序,请考虑同时设置
类型:
string 默认值:
'enable' |
sortAscending |
初始排序列的排序顺序。 类型:
boolean 默认值:
true |
sortColumn |
数据表中列的索引,表最初的排序依据。该列标记有指示排序顺序的小箭头。 类型:
number 默认值:
-1 |
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
时间轴配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:所包含元素的高度
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
树形图配置选项
名称 | |
---|---|
headerColor |
每个节点的标题部分的颜色。指定 HTML 颜色值。 类型:
string 默认值:
#988f86 |
maxColor |
第 3 列值为 类型:
string 默认值:
#00dd00 |
maxDepth |
当前视图可显示的节点级别数量上限。楼层会扁平化到当前平面中。如果树的层级超过此层级,您必须向上或向下查看这些层级。此外,您还可以看到其下方的 类型:
number 默认值:
1 |
maxPostDepth |
类型:
number 默认值:
0 |
midColor |
列 3 值介于 类型:
string 默认值:
#000000 |
minColor |
第 3 列值为 类型:
string 默认值:
#dd0000 |
noColor |
当某个节点没有第 3 列的值,并且该节点是叶(或仅包含叶)时,矩形的颜色。指定 HTML 颜色值。 类型:
string 默认值:
#000000 |
subtitle |
要在图表标题下方显示的文本。 类型:
string 默认:无标题
|
subtitleTextStyle |
用于指定标题文本样式的对象。
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
用于指定标题文本样式的对象。颜色可以是任何 HTML 颜色字符串,例如: 类型:
object 默认值:{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
标题 |
要在图表上方显示的文本。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|