图表类型
注释图表配置选项
| 名称 | |
|---|---|
| 颜色 | 用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 HTML 颜色字符串,例如: 类型:字符串数组
默认值:默认颜色
|
| displayRangeSelector | 是否显示缩放范围选择区域(图表底部的区域),其中 缩放选择器中的轮廓是图表中第一个序列的对数缩放版本,经过缩放后可适应缩放选择器的高度。 类型:
boolean默认值:
true |
| displayZoomButtons |
是否显示缩放按钮(“1 天”“5 天”“1 个月”等),其中 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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 |
所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
条形图配置选项
| 名称 | |
|---|---|
| backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如: 类型:
string 或 object默认值:
'white' |
| backgroundColor.fill |
图表的填充颜色,以 HTML 颜色字符串表示。 类型:
string默认值:
'white' |
| chartArea |
一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例: 类型:
object默认值:
null |
| chartArea.backgroundColor |
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如
'#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object默认值:
'white' |
| chartArea.height |
图表区域高度。 类型:
number 或 string默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:数字或
string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
气泡图配置选项
| 名称 | |
|---|---|
| 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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
日历配置选项
| 名称 | |
|---|---|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
柱状图配置选项
| 名称 | |
|---|---|
| backgroundColor |
图表主要区域的背景颜色。可以是简单的 HTML 颜色字符串(例如: 类型:
string 或 object默认值:
'white' |
| backgroundColor.fill |
图表的填充颜色,以 HTML 颜色字符串表示。 类型:
string默认值:
'white' |
| chartArea |
一个对象,包含用于配置图表区域(绘制图表本身的位置,不包括轴和图例)的位置和大小的成员。支持两种格式:数字或数字后跟百分号。简单数字表示像素值;数字后跟百分号表示百分比。示例: 类型:
object默认值:
null |
| chartArea.backgroundColor |
图表区域的背景颜色。如果使用字符串,则可以是十六进制字符串(例如
'#fdc')或英文颜色名称。使用对象时,可以提供以下属性:
类型:
string 或 object默认值:
'white' |
| chartArea.height |
图表区域高度。 类型:
number 或 string默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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 |
所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
仪表配置选项
| 名称 | |
|---|---|
| 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默认值:“自动”
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
number默认值:包含元素的高度
|
| histogram.bucketSize |
对每个直方图条柱的大小进行硬编码,而不是让系统通过算法来确定。 类型:
number默认值:自动
|
| 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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
| 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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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 |
所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
组织结构图配置选项
| 名称 | |
|---|---|
| 颜色 |
组织结构图元素的背景颜色。 类型:
默认值:
'#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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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 |
用于指定切片文本样式的对象。该对象的格式如下: {color: <string>, fontName: <string>, fontSize: <number>}
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
| reverseCategories |
如果设置为 类型:
boolean默认值:
false |
| slices.color |
相应切片使用的颜色。 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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 |
所显示点的直径(以像素为单位)。使用零可隐藏所有点。您可以使用 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
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默认值:自动
|
| chartArea.left |
图表与左边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.top |
图表与上边框的距离。 类型:
number 或 string默认值:自动
|
| chartArea.width |
图表区域宽度。 类型:
number 或 string默认值:自动
|
| 颜色 |
用于图表元素的颜色。一个字符串数组,其中每个元素都是一个 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默认值:自动
|
| hAxis.viewWindow.min |
要呈现的最小水平数据值。 当 类型:
number默认值:自动
|
| 高度 |
图表的高度(以像素为单位)。 类型:
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默认值:自动
|
| vAxis.viewWindow.min |
要呈现的最小纵向数据值。 当 类型:
number默认值:自动
|
| 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 |
列 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>}
|
| title |
要显示在图表上方的文字。 类型:
string默认:无标题
|
| titleTextStyle |
用于指定标题文字样式的对象。该对象的格式如下:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
类型:
object
默认值:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|