图表类型
注释图表配置选项
名称 | |
---|---|
颜色 | 要为图表元素使用的颜色。字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
displayRangeSelector | 是否显示缩放范围选择区域(图表底部的区域),其中 缩放选择器中的轮廓是图表中第一个系列的对数刻度版本,已缩放以适应缩放选择器的高度。 类型:
boolean 默认值:
true |
displayZoomButtons |
是否显示缩放按钮(“1d 5d 1m”等),其中 类型:
boolean 默认值:
true |
max |
要在 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 |
数据行宽度(以像素为单位)。使用零可隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用零可隐藏所有数据点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
系列图书 |
对象数组,其中每个对象都描述图表中相应系列的格式。如需为系列使用默认值,请指定空对象
您可以指定一个对象数组,其中每个对象都按给定顺序应用于系列,也可以指定一个对象,其中每个子对象都有一个数字键,用于指明其应用于哪个系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据且未出现在图例中: 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 |
title |
要在图表上方显示的文字。 类型:
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: [ {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 |
title |
要在图表上方显示的文字。 类型:
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' |
气泡 |
一个包含用于配置气泡视觉属性的成员的对象。 类型:
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: {'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 |
title |
要在图表上方显示的文字。 类型:
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: [ {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 |
title |
要在图表上方显示的文字。 类型:
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: [ {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 |
title |
要在图表上方显示的文字。 类型:
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 |
数据行宽度(以像素为单位)。使用零可隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用零可隐藏所有数据点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
系列图书 |
对象数组,其中每个对象都描述图表中相应系列的格式。如需使用系列的默认值,请指定空对象
您可以指定一个对象数组,其中每个对象都按给定顺序应用于系列,也可以指定一个对象,其中每个子对象都有一个数字键,用于指明其应用于哪个系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据且未出现在图例中: 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 |
title |
要在图表上方显示的文字。 类型:
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 默认:无
|
greenTo |
以绿色标记的范围的最高值。 类型:
number 默认:无
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认值:容器的宽度
|
max |
要在 Y 轴上显示的最大值。如果最大数据点超出此值,系统会忽略此设置,并调整图表以在最大数据点上方显示下一个主要刻度标记。此值的优先级高于由 这类似于核心图表中的 类型:
number 默认:自动
|
分钟 |
要在 Y 轴上显示的最小值。如果最小数据点小于此值,系统会忽略此设置,并调整图表以显示最小数据点下方的下一个主要刻度标记。此值优先于由 这类似于核心图表中的 类型:
number 默认:自动
|
redColor |
HTML 颜色表示法中红色部分所用的颜色。 类型:
string 默认值:
'#DC3912' |
redFrom |
标记为红色的范围的最小值。 类型:
number 默认:无
|
redTo |
标为红色的范围的最高值。 类型:
number 默认:无
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:容器的宽度
|
yellowColor |
用于 HTML 颜色表示法中黄色部分的颜色。 类型:
string 默认值:
'#FF9900' |
yellowFrom |
标记为黄色的范围的最低值。 类型:
number 默认:无
|
yellowTo |
以黄色标记的范围的最高值。 类型:
number 默认:无
|
地理图表配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
backgroundColor.fill |
图表的填充颜色,采用 HTML 颜色字符串的形式。 类型:
string 默认值:
'white' |
datalessRegionColor |
要为没有关联数据的区域分配的颜色。 类型:
string 默认值:
'#F5F5F5' |
defaultColor |
当地理位置(例如 类型:
string 默认值:
'#267114' |
displayMode |
这是哪类地理图表。DataTable 格式必须与指定的值一致。支持以下值:
类型:
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 默认:“世界”
|
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: [ {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 |
title |
要在图表上方显示的文字。 类型:
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 |
数据行宽度(以像素为单位)。使用零可隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用零可隐藏所有数据点。您可以使用 类型:
number 默认值:
0 |
reverseCategories |
如果设置为 类型:
boolean 默认值:
false |
系列图书 |
一个对象数组,其中每个对象都描述了图表中相应系列的格式。
如需使用系列的默认值,请指定空对象
您可以指定一个对象数组,其中每个对象都按给定顺序应用于系列,也可以指定一个对象,其中每个子对象都有一个数字键,用于指明其应用于哪个系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据且未出现在图例中: 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 |
title |
要在图表上方显示的文字。 类型:
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' |
size |
图表的总大小。选项包括 类型:
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 默认值:所包含元素的高度
|
is3D |
如果为 类型:
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 |
用于指定 slice 文本样式的对象。该对象的格式如下: {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>}
|
title |
要在图表上方显示的文字。 类型:
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 |
数据行宽度(以像素为单位)。使用零可隐藏所有线条,仅显示点。您可以使用 类型:
number 默认值:
2 |
pointShape |
各个数据元素的形状: 类型:
string 默认值:
'circle' |
pointSize |
显示的点的直径(以像素为单位)。使用零可隐藏所有数据点。您可以使用 类型:
number 默认值:
0 |
系列图书 |
对象数组,其中每个对象都描述图表中相应系列的格式。如需为系列使用默认值,请指定空对象
您可以指定一个对象数组,其中每个对象都按给定顺序应用于系列,也可以指定一个对象,其中每个子对象都有一个数字键,用于指明其应用于哪个系列。例如,以下两项声明完全相同,将第一个数据系列声明为黑色且未显示在图例中,而将第四个数据系列声明为红色数据并不存在于图例中: 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 |
title |
要在图表上方显示的文字。 类型:
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: [ {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 |
title |
要在图表上方显示的文字。 类型:
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 |
排序 |
在用户点击列标题时是否以及如何对列进行排序。如果启用了排序,不妨考虑同时设置
类型:
string 默认值:
'enable' |
sortAscending |
初始排序列的排序顺序。 类型:
boolean 默认值:
true |
sortColumn |
数据表中某个列的索引,系统会根据该索引对表进行初始排序。该列会带有一个小箭头,指示排序顺序。 类型:
number 默认值:
-1 |
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:包含元素的宽度
|
时间轴配置选项
名称 | |
---|---|
backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如 类型:
string 或 object 默认值:
'white' |
颜色 |
要为图表元素使用的颜色。字符串数组,其中每个元素都是 HTML 颜色字符串,例如: 类型:字符串数组
默认:默认颜色
|
高度 |
图表的高度(以像素为单位)。 类型:
number 默认:包含元素的高度
|
width |
图表的宽度(以像素为单位)。 类型:
number 默认值:所包含元素的宽度
|
树形图配置选项
名称 | |
---|---|
headerColor |
每个节点的标头部分的颜色。指定 HTML 颜色值。 类型:
string 默认值:
#988f86 |
maxColor |
第三列值为 类型:
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>}
|
title |
要在图表上方显示的文字。 类型:
string 默认:无标题
|
titleTextStyle |
用于指定标题文本样式的对象。该对象的格式如下: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
类型:
object
默认:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|