Google-O-Meter 图表

   具有彩虹色的 Google-o-meter

本文档介绍了如何创建名为 Google-o-meter 图表的刻度盘型图表。

目录

图表专属功能

  1. 概览
  2. 系列颜色 (chco)
  3. Google-o-meter 标签 (chl)

标准功能

  1. 图表标题chttchts
  2. 图表图例文本和样式chdlchdlpchdls
  3. 图表边距 (chma)
  4. 轴样式和标签
    1. 可见轴 (chxt)
    2. 轴范围 (chxr)
    3. 自定义轴标签 (chxl)
    4. 轴标签位置 (chxp)
    5. 轴标签样式chxschxtc
  5. 线条样式 (chls)
  6. 背景填充 (chf)
    1. 纯色填充 (chf)
    2. 渐变填充 (chf)
    3. 条纹填充 (chf)

概览

Google-o-meter 是一种量表,用于指向某个范围内的单个值。该范围具有渐变色,您可以视需要进行指定。您还可指定指针上方的自定义文本。刻度范围是从数据格式的最小值到最大值。在 chd 参数中指定箭头所指向的一个数据值。

您可以在同一图表中指定多个箭头,并为每个箭头设置不同的箭头正文和点大小样式。如果您希望所有箭头均采用相同的箭头样式,请将数据点指定为同一系列中的值。如果要对不同的箭头应用不同的样式,请将相同样式的所有箭头分组到同一系列中。

请使用以下语法指定一种 Google-O-Meter 图表:

语法

cht=gom

 

示例

说明 示例

此示例演示了如何使用 chxl 在刻度盘下方和上方指定自定义标签。

图表底部到折线之间带有蓝色底纹的单折线图表
chxt=x,y
chxl=0:|Groovy|1:|slow|faster|crazy

您可以使用多个数据点指定多个箭。
chd=t:20,40,60
chdl=1|2|3

如需对箭头应用样式,请使用 chls 形参。每个 chls 说明都适用于相应数据系列中的所有箭头。

chls 具有适用于 Google-o-meter 的高级语法。一组竖线内的每组值都描述了相应的数据系列。您可以选择添加一组以竖线分隔的值,用于以点为单位描述箭头大小,范围为 0—15,默认值为 15。

我们来看一下此图表中的 chls 值:chls=3|3,5,5|15|10

  • 3 - 单个值,用于指定线条粗细。此属性适用于第一个系列中的所有箭头。
  • 3,5,5 - 第二个系列具有所述的厚度、短划线长度和间距。
  • 15 - 第一个系列中各箭头的箭头大小。
  • 10 - 表示第二个系列中箭头的箭头大小。

 


chd=t:20,40|60
chls=3|3,5,5|15|10

 

系列颜色 chco

您可以选择使用 chco 参数指定刻度盘的颜色。如果未指定,则采用默认的渐变色。

语法

chco=<color_1>,...,<color_n>
<color>
RRGGBB 十六进制格式指定两种或更多颜色。颜色以从左到右的渐变效果应用,其中第一种颜色在左侧,最后一种颜色在右侧。
说明 示例
此图表显示了从白色 (FFFFFF) 到黑色 (000000) 的简单渐变 具有彩虹色的 Google-o-meter
chco=FFFFFF,000000
该图表中的刻度盘应用了多种颜色。 具有彩虹色的 Google-o-meter
chco=FF0000,FF8040,FFFF00,
00FF00,00FFFF,
0000FF,800080

返回页首

Google-o-meter 标签 chl

您可以选择指定一个自定义标签,用于显示在箭的上方。

有关字符串值的说明:标签字符串中仅允许使用安全的网址字符。为安全起见,如果字符串中包含不在字符集 0-9a-zA-Z 中的字符,您应对此类字符串进行网址编码。 您可以在此处找到网址编码器。

语法

chl=<label>
<label>
标签的文本。

 

示例

说明 示例
下面是一个带有标签的 Google-o-meter 示例。

采用默认色(由红色渐变为绿色)的 Google-o-meter
chl=Nearly+There

返回页首

标准功能

此网页上的其他功能均为标准图表功能。

颜色格式

使用 6 个字符的十六进制值字符串以及两个可选的透明度值来指定颜色,格式为 RRGGBB[AA]。 例如:

  • FF0000 = 红色
  • 00FF00 = 绿色
  • 0000FF = 蓝色
  • 000000 = 黑色
  • FFFFFF = 白色

AA 是可选的透明度值,其中 00 表示完全透明,FF 表示完全不透明。例如:

  • 0000FFFF = 蓝色常亮
  • 0000FF66 = 透明蓝色

返回页首

图表标题 chttchts [所有图表]

您可以为图表标题指定文字、颜色和字体大小。

语法

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt - 指定图表标题。

<chart_title>chart_title
要为图表显示的标题。您无法指定它显示在何处,但可以选择指定字体大小和颜色。使用 + 号表示空格,使用竖线字符 ( |) 表示换行。

 

chts [可选] - chtt 参数的颜色和字体大小。

<color>
标题颜色,采用 RRGGBB 十六进制格式默认颜色为黑色
<font_size>
标题的字体大小(以点为单位)。
<opt_alignment>
[可选] 标题的对齐方式。请选择以下某个区分大小写的字符串值:“l”(左侧)、“c”(居中)“r”(右侧)。默认值为“c”。

 

示例

说明 示例

标题、默认颜色和字体大小的图表。

使用加号 (+) 指定一个空格。

使用竖线字符 (|) 强制换行。

此处未指定 chts

包含标题的纵向条形图表
chtt=Site+visitors+by+month|
January+to+July

标题颜色为蓝色,右侧对齐,20 点的图表。

包含 20 像素的蓝色标题的纵向条形图表
chtt=Site+visitors
chts=FF0000,20,r

返回页首

图表图例文字和样式 chdlchdlpchdls [所有图表]

图例是图表的一侧,用于为每个数据系列提供一小段文字说明。您可以指定图例中与每个系列相关联的文本,并指定图例在图表上的显示位置。

另请参阅 chma,了解如何设置图例周围的外边距。

关于字符串值的说明:标签字符串中仅允许使用安全的网址字符。为安全起见,如果字符串中包含不在字符集 0-9a-zA-Z 中的字符,您应对此类字符串进行网址编码。 您可以在 Google 可视化文档中找到网址编码器。

语法

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl - 要在图例中显示的每个系列的文本。

<data_series_label>
图例条目的文本。每个标签都会应用于 chd 数组中的相应序列。使用“+”号表示空格。如果您不指定此参数,则图表将不会有图例。无法在标签中指定换行符。图例通常会扩展以容纳图例文本,而图表区域会缩小以容纳图例。

chdlp - [可选] 图例的位置和图例条目的顺序。您可以指定 <position> 和/或 <label_order>。如果同时指定,请使用竖条字符分隔。如果您希望在图例中跳过 chdl 中的空图例条目,则可以向任何值添加一个“s”。示例:chdlp=bvchdlp=rchdlp=bv|rchdlp=bvs|r

<opt_position>
[可选] 指定图例在图表上的位置。如需指定图例与图表区域或图片边框之间的额外内边距,请使用 chma 参数。从下列值中选择一个:
  • b - 图例位于图表底部,横向显示图例条目。
  • bv - 图例位于图表底部,纵向显示图例条目。
  • t - 图例位于图表顶部,横向显示图例条目。
  • tv - 图例位于图表顶部,纵向显示图例条目。
  • r - [默认] 图例位于图表右侧,纵向列显示图例条目。
  • l - 图例位于图表左侧,纵向显示图例条目。
<opt_label_order>
[可选] 标签在图例中的显示顺序。从下列值中选择一个:
  • l - [垂直图例的默认选项] 按指定给 chdl 的顺序显示标签。
  • r - 按照为 chdl 指定的反向顺序显示标签。在堆叠条形图中,这有助于按照条形的显示顺序
    显示图例。
  • a - [水平图例的默认选项] 自动排序:大致表示按长度排序,由短到短首先以 10 像素块为单位。当两个元素的长度相同(分成 10 个像素的块)时,首先列出的元素会最先显示。
  • 0,1,2... - 自定义标签顺序。这是 chdl 中从零开始的标签索引的列表,以英文逗号分隔。

chdls - [可选] 指定图例文本的颜色和字体大小。

<color>
图例文字颜色,采用 RRGGBB 十六进制格式
<size>
图例文字的点大小。

 

示例

说明 示例

关于图例的两个示例。按照与数据系列相同的顺序指定图例文本。

包含红色、蓝色和绿色三条折线以及相应图例的折线图表

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

一个大圆圈中包含两个小圆圈的文氏图


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

第一个图表演示水平图例条目(chdlp=t,默认布局为水平布局),第二个图表演示底部垂直图例条目 (chdlp=bv)。

一个大圆圈中包含两个小圆圈的文氏图
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


一个大圆圈中包含两个小圆圈的文氏图
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

此示例演示了如何更改字体大小。

一个大圆圈中包含两个小圆圈的文氏图
chdls=0000CC,14

返回页首

图表边距 chma [所有图表]

您可以指定图表边距的大小(以像素为单位)。从指定的图表尺寸 (chs) 向内计算外边距;增加外边距不会增加总图表尺寸,而是会根据需要缩小图表区域。

默认情况下,边距为计算图表大小后剩余的外边距。此默认值因图表类型而异。您指定的外边距是一个最小值;如果图表区域为外边距留出了空间,则外边距大小将为剩余大小;您不能挤压小于任何图例和标签所要求的外边距。下图显示了图表的基本组成部分:

图表边距、图例区域和图表区域

图表外边距包括轴标签图例区域。除非您使用 chma 指定较大的宽度,否则图例区域会自动调整大小以精确适应文本,在这种情况下,它会将边距尺寸扩展得更宽,将图表区域压缩得更小。您无法通过指定过小的大小来剪裁图例,但您可以让图例占据的空间超过实际需求。

提示:在条形图中,如果条形具有固定大小(默认设置),则图表区域宽度无法缩小。您必须使用 chbh 指定更小或可调整大小的条形。

 

语法

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>、<right_margin>、<top_margin>、<bottom_margin>
图表区域周围的最小外边距尺寸(以像素为单位)。请提高此值以添加一些内边距,以防止轴标签触碰图表的边界。
<opt_legend_width>、<opt_legend_height>
[可选] 图例周围的外边距宽度(以像素为单位)。使用此方法可避免图例触碰到图表区域或图片边缘。

 

示例

说明 示例

在此示例中,图表每边的最小外边距为 30 像素。由于图表图例的宽度超过 30 像素,因此右侧的外边距会设置为图表图例的宽度,并且与其他外边距不同。

轴标签位于图表区域之外,因此在边缘空间内绘制。

包含灰色背景和各边边距的折线图表。
chma=30,30,30,30

如需在图例周围添加外边距,请为 <opt_legend_width><opt_legend_height> 形参设置值。

在本例中,图例的宽度约为 60 像素。如果您将 <opt_legend_width> 设置为 80 像素,则外边距会延长到图例之外 20 像素。

包含灰色背景和各边边距的折线图表。
chma=20,20,20,30|80,20

返回页首

轴样式和标签 [线条、条形图、Google-o-meter、雷达、散点图]

您可以指定要在图表上显示的轴,并为它们提供自定义标签以及位置、范围和样式。

默认情况下,并非所有图表都会显示轴线。您可以使用 chxt 参数精确指定图表应显示哪些轴。默认轴线不显示数字;您必须在 chxt 参数中指定轴才能显示数字。

您可以选择让轴显示反映数据值的数字,也可以指定自定义轴。 默认设置是显示数值,其值会调整为 0—100 之间的值。 不过,您可以使用 chxr 更改该范围以显示任何范围,还可以使用 chxs 设置值的样式(例如,显示货币符号或小数位)。

如果您选择使用自定义值(例如“周一,周二,周三”),则可以使用 chxl 参数。如需将这些标签放置在轴上的特定位置,请使用 chxp 参数。

最后,您可以使用 chxschxtc 参数指定自定义轴标签和数字轴标签的颜色、尺寸、对齐方式和其他属性。

关于字符串值的说明:标签字符串中仅允许使用安全的网址字符。为安全起见,如果字符串中包含不在字符集 0-9a-zA-Z 中的字符,您应对此类字符串进行网址编码。 您可以在 Google 可视化文档中找到网址编码器。

本部分包含以下主题:


可见轴 chxt

条形图、折线图、雷达图和散点图默认显示一条或两条轴线,但这些轴线不包含值。 如需在轴线上显示值或更改显示的轴,您必须使用 chxt 参数。 默认情况下,轴值的范围是 0-100,除非您使用 chxr 属性明确进行缩放。若要隐藏折线图中的所有轴线,请在 cht 参数中的图表类型值之后指定 :nda(例如:cht=lc:nda)。

默认情况下,顶部轴和底部轴不会在值旁边显示刻度线,而左侧和右侧轴则会显示刻度线。您可以使用 chxs 参数更改此行为。

语法

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
要在图表中显示的轴。可用的轴包括:
  • x - 底部 x 轴
  • t - 顶部 x 轴 [Google-o-Meter 不支持]
  • y - 左侧 y 轴
  • r - 右侧 y 轴 [Google-o-Meter 不支持]

您可以指定多个相同类型的轴,例如 cht=x,x,y。此操作会沿着图表底部堆叠两组 x 轴。这在沿显示数值的轴添加自定义标签时非常有用(请参见下面的示例)。轴是从内向外绘制的,因此,如果您设置了 x,x,则第一个 x 是指最内层的副本,下一个 x 是指下一个向外的副本,依此类推。

 

示例

说明 示例

此示例展示了一个带有 x 轴、y 轴、顶部轴 (t) 和右侧轴 (r) 的折线图。

由于未指定标签,因此图表的所有轴的范围都默认为 0 到 100。

请注意,默认情况下,顶部轴和底部轴不会显示标签旁的刻度线。

此折线图表左侧和右侧带有标签:0、20、40、60、80 和 100,上方和下方带有标签:0、25、50、75 和 100
chxt=x,y,r,t

您可以通过多次添加同一值来为每个轴添加多组标签。本示例显示了两组 x 轴和两组 y 轴。如此处所示,这在仅使用默认轴标签时并不特别有用。不过,您可以使用 chxl 参数为每个轴指定自定义标签。

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x1" />x1"}





此示例展示了一个水平条形图,包含一条 x 轴、一条 y 轴、一条顶部 t 轴和一条右侧 r 轴。

由于省略了轴标签,因此 Chart API 为 x 轴和 t 轴显示了 0 到 100 的范围。

y 轴和 r 轴的范围取决于条形的数量。本例中有五个条形,因此 Chart API 显示了 0 到 4 的范围。第一个标签位于第一个条形底部的中心,第二个标签位于第二个条形底部的中心,以此类推。

此折线图表左侧和右侧带有标签:0、20、40、60、80 和 100,上方和下方带有标签:0、25、50、75 和 100
chxt=x,y,r,t

您可以通过在图表类型后面指定 :nda 来禁止折线图中的默认轴。 带有隐藏轴的折线图表
cht=lc:nda

返回页首

轴范围 chxr

您可以使用 chxr 参数分别指定显示在每条轴上的值的范围。请注意,这不会更改图表元素的缩放比例,而只会更改轴标签的缩放比例。 如果您希望轴上的数字描述实际的数据值,请将 <start_val> 和 <end_val> 分别设置为数据格式范围的下限值和上限值。如需了解详情,请参阅轴缩放

如果您想指定轴的范围,则必须使用 chxt 参数将其设为可见。

若要指定自定义轴值,请使用 chxl 参数。

语法

请使用竖线字符 ( |) 分隔多个轴标签范围。

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<axis_index>
要应用标签的轴。这是 chxt 指定的轴数组中的从零开始的索引。例如,在 chxt=x,r,y 中,r 轴为 1。
<start_val>
一个数字,用于定义此轴的最低值。
<end_val>
一个数字,用于定义此轴的最大值。
<opt_step>
[可选] 轴上刻度之间的计数步骤。没有默认的步长值;计算步长以尝试显示一组间隔合理的标签。

 

示例

说明 示例

此示例显示了左右 y 轴(yr)和一条 x 轴(x)。

每条轴都有一个定义的范围。由于未指定标签或位置,因此值将取自指定范围,并在该范围内以相等的间距排列。在该折线图表中,这些值以相等的间距沿 x 轴排列。

r 轴的方向相反(索引 2),因为第一个值 (1000) 大于最后一个值 (0)。


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

此例已为 x 轴指定了值。

轴标签以相等的间距沿轴排列。<opt_step> 参数的值指定为五 (5)。

x 轴上带有标签 200、300 和 400 的条形图表 chxt=x
chxr=0,10,50,5

返回页首

自定义轴标签 chxl

您可以使用 chxl 参数在任意轴上指定自定义字符串轴标签。您可以根据需要指定任意数量的标签。如果您(使用 chxt 参数)显示一条轴,但未指定自定义标签,则将应用标准的数字标签。若要指定自定义数字范围,请改用 chxr 参数。

如需为标签设置轴的具体位置,请使用 chxp 参数。

语法

请为您想要加标签的每个轴指定一个参数集。请使用竖线字符 (|) 分隔多组标签。

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<axis_index>
要应用标签的轴。这是 chxt 参数数组的索引。例如,如果您有 chxt=x,x,y,y,则索引 0 为第一个 x 轴,1 为第二个 x 轴。
<label_1>| ... |<label_n>
要沿此轴放置的一个或多个标签。这些标记可以是字符串或数值;字符串不需要用引号括起来。label_1 显示在轴的最低位置,而 label_n 显示在最高位置。其他标签则以相等的间距排列在这两个标签之间。使用 + 号表示空格。无法在标签中指定换行符。请使用竖线字符分隔标签。注意 :请勿在 chxl 参数中的最后一个标签之后放置竖线。

 

示例

说明 示例

此图表展示了如何向两条轴添加自定义标签。请注意这些值是如何均匀分布的,以及最后一个 chxl 值如何不以竖线结尾。

带有以下标签的折线图表:左侧的 0 和 100,右侧的 A、B 和 C,x 轴上的 1 月、7 月、1 月、7 月和 1 月以及下方的 2005、2006 和 2007
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

此示例包含左右 y 轴的轴标签(yr),并且还包含两组 x 轴值 (x)。您可以考虑使用 chxs 在 y 轴上添加刻度线。

带有以下标签的折线图表:左侧的 0 和 100,右侧的 A、B 和 C,x 轴上的 1 月、7 月、1 月、7 月和 1 月以及下方的 2005、2006 和 2007
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

此示例包含左侧和右侧 y 轴上的轴标签(yr)。它还包含两组 x 轴值 (x)。请注意,较低 x 轴集合的空标签,用于将值隔开。

此例左侧 y 轴上的轴标签采用了默认值。

带有以下标签的条形图表:左侧的 0 和 100,右侧的 A、B 和 C,x 轴上的 1 月、7 月、1 月、7 月和 1 月以及下方的 2005、2006 和 2007
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

如果您想添加一个通用标签来描述整个轴(例如,将一条轴标记为“费用”,另一条轴标记为“学生”),请使用 chxt 属性在每条边上再添加一个轴,然后使用 chxl 向每边添加一个自定义标签,并使用 chxp 将其设在轴的中间位置。


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

返回页首

轴标签位置 chxp

您可以指定要显示的轴标签,无论是使用默认标签,还是使用通过 chxl 指定的自定义标签。如果您没有使用此参数指定确切位置,则标签将沿轴等距离以默认步长值均匀分布。如果未指定 chxl,则刻度线标签将采用默认值(通常是数据值,或条形图中的条形数字)。

语法

请使用竖线字符 (|) 分隔多个定位集。

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<axis_index>
您要为其指定位置的轴。这是 chxt 参数数组中的索引。例如,如果您有 chxt=x,x,y,y,则索引 0 为第一条 x 轴,1 为第二条 x 轴,以此类推。
<label_1_position>,...,<label_n_position>
:标签沿轴的位置。这是以英文逗号分隔的数值列表,其中每个值用于设置 chxl 数组中相应标签的位置:第一个条目适用于第一个标签,依此类推。位置是该轴范围内的值。请注意,除非您使用 chxr 指定了自定义范围,否则此值将始终为 0—100。位置的数量必须与该轴的标签数量相同。

 

示例

说明 示例

此例在图表的指定位置添加了 r 轴标签。标签文本使用 chxl 参数指定。

指定位置为 0 的标签位于 y 轴或 r 轴的底部,或者位于 x 轴或 t 轴的左侧。

指定位置为 100 的标签位于 y 轴或 r 轴的顶部,或者位于 x 轴或 t 轴的右侧。

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

此示例演示了如何仅在指定位置显示默认标签值。

chxp=1,10,35,75 - y 轴应仅显示三个标签:10、35 和 75。由于未指定自定义标签文本,因此会显示这些轴值。请注意,在使用 chxp 时,您不需要以均匀的方式间隔标签。如果此处未指定 chxp,则 y 轴上的默认标签值距离为每 20 个单位,如第二张图表所示。

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

轴位置为默认的折线图表。
chxt=x,y
未指定 chxp

返回页首

轴标签样式 chxs

您可以为轴标签(自定义标签和默认标签值)指定字体大小、颜色和对齐方式。同一条轴上的所有标签格式相同。如果一条轴有多个副本,则可以为每个副本设置不同的格式。您还可以指定标签字符串的格式,例如显示货币符号或尾随零。

默认情况下,顶部轴和底部轴不会在值旁边显示刻度线,而左侧和右侧轴则会显示刻度线。

语法

应使用竖线字符 (|) 分隔多个轴的值。

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>axis_index
此属性适用的轴。这是 chxt 参数中的从零开始的索引。
<opt_format_string>opt_format_string
[可选] 这是一个可选的格式字符串,如果使用,紧跟在轴索引编号后面,中间不加英文逗号。它以字母 N 开头,后面都是可选值: 格式字符串语法如下:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
每个元素的含义如下:
  • <preceding_text> - 每个值前面的字面量文本。
  • *...* - 用星号括起来的可选块,您可以在该块中指定数字的格式详细信息。以下值均受支持且均为可选:
    • <number_type> - 数值的数字格式。选择以下任一选项:
      • f - [默认] 浮点格式。 也可以考虑使用 <小数位数> 值指定精度。decimal_places
      • p - 百分比格式。系统会自动附加 % 符号。注意:使用此格式时,从 0.0 到 1.0 的数据值会映射到 0 到 100%(例如,0.43 将显示为 43%)。
      • e - 科学记数法格式。
      • c<CUR> - 使用相应的货币标记将数字设置为指定的货币格式。将 <CUR> 替换为由三个字母组成的货币代码。示例:cEUR 表示欧元。 您可以在 ISO 网站上找到一系列代码,不过并非所有符号都受支持。
    • <decimal_places> - 一个整数,用于指定要显示的小数位数。该值会四舍五入(非截断)到此长度。默认值为 2
    • z - 显示尾随零。默认值为“否”
    • s - 显示组分隔符。默认值为“否”
    • xy - 按指定方式显示 x 坐标或 y 坐标中的数据。x 数据的含义因图表类型而异:请使用您的图表进行实验以确定其含义。默认值为 'y'
  • <following_text> - 每个值后面的字面量文本。
<opt_label_color>
应用于轴文本(但不是轴线)的颜色,采用 RRGGBB 十六进制格式。轴线颜色是使用 opt_axis_color 单独指定的。默认值为灰色
<opt_font_size>
[可选] 指定字体大小(以像素为单位)。此参数是可选的。
<opt_alignment>
[可选] 标签对齐方式。对于顶部轴或底部轴,这说明标签如何与其上方或下方的刻度线对齐;对于左侧轴或右侧轴,这说明标签如何在其边界框内(与轴接触)对齐。指定以下某个数字:
  • -1 - 顶部或底部:标签位于刻度线的右侧;左侧或右侧:标签在其区域中左对齐。r 轴标签的默认值
  • 0 - 顶部或底部:标签位于刻度线的中心;左侧或右侧:标签在其区域内居中。x 轴和 t 轴标签的默认值
  • 1 - 顶部或底部:标签位于刻度线的左侧;左侧或右侧:标签在其区域中右对齐。y 轴标签的默认值
<opt_axis_or_tick>
[可选;Google-o-meter 不支持] 是否显示此轴的刻度线和/或轴线。刻度线和轴线仅适用于最内层的轴(例如,不支持两个 x 轴最外侧的轴)。请使用以下某个值:
  • l(小写“L”)- 仅绘制轴线。
  • t - 仅绘制刻度线。刻度线是轴标签旁边的小线条。
  • lt - [默认] 同时绘制轴线和所有标签的刻度线。
  • _ -(下划线)既不绘制轴线,也不绘制刻度线。 如果您要隐藏轴线,请使用此值。
<tick_color>tick_color
[可选;Google-o-meter 不支持] 刻度线颜色,采用 RRGGBB 十六进制格式默认值为灰色
<opt_axis_color>opt_axis_color
[可选] 此轴线的颜色,采用 RRGGBB 十六进制格式默认值为灰色

 

示例

说明 示例

为第二条 x 轴(1 月、2 月、3 月)指定了字体大小和颜色。

带有以下标签的折线图表:左侧的最小、平均和最大,右侧的 0、1、2、3 和 4,沿 x 轴的 0 到 100 以及下方的 1 月、2 月和 3 月

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

为右侧 y 轴指定了字体大小、颜色和对齐方式。已绘制刻度线,但未绘制轴线。

带有以下标签的折线图表:沿 x 轴的 0 到 100,下方的 1 月、2 月和 3 月,y 轴上的 0 到 4,右侧的红色刻度线和蓝色的文字最小、平均和最大。

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

此图表包含三个数据集,并显示了三组轴标签,每个系列一个。每组标签都使用自定义格式字符串设置格式,如下所述:

  • 0N*e,000000|
    • 0 表示第一个数据系列
    • N 表示格式字符串
    • * 表示格式说明符的开头
    • e 表示科学记数法
    • * 表示格式说明符的结尾
    • 000000 表示黑色文本。
  • 1N*cUSD*Mil,FF0000|
    • 1 表示第二个系列
    • N 表示格式字符串
    • * 表示格式说明符的开头
    • c 表示货币标记
    • USD 指定美元作为要使用的货币标记
    • * 表示格式说明符的结尾
    • Mil 是跟在字符串后面的字面量
    • FF0000 表示红色文本。
  • 2N*sz2*,0000FF
    • 2 表示第三个系列
    • N 表示格式字符串
    • * 表示格式说明符的开头
    • s 表示显示分组说明符(在美国英语语言区域,即每三个零一个英文逗号)
    • z2 表示显示两个尾随零
    • 0000FF 表示蓝色文本。

轴标签范围是使用 chxr 参数(axis_indexstartendstep)设置的。 如果未设置,则此值的默认值为 0—100。


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

返回页首

轴刻度线样式 chxtc

您可以为特定轴指定长刻度线。通常,这用于在图表的整个长度上扩展刻度线。使用 chxs 参数可更改刻度线颜色。

应使用竖线字符 (|) 分隔多个轴的值。一系列的值应以英文逗号分隔。

语法

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>axis_index
此属性适用的轴。这是 chxt 参数中的从零开始的索引。请使用竖线分隔符分隔不同轴的值。
<tick_length_1>,...,<tick_length_n>
相应轴上的刻度线长度,以像素为单位。如果指定了单个值,则该值将应用于所有值;如果指定了多个值,轴刻度线将循环显示该轴的值列表。正值绘制在图表区域外部,并会被图表边界裁剪。最大正值为 25。负值会在图表区域内部绘制,并会被图表区域边界裁剪。

 

示例

说明 示例

使用 chxtc 创建红色长刻度线的示例。此处的刻度线长度超过了图表区域宽度,但系统为了适应图表而剪裁了刻度线。

  • chxt=x,y,r,x - 显示一条左轴、一条右轴和两条底部轴。
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar - 分配给“r”(右侧)和外侧 x 轴的标签文本。
  • chxp=2,10,35,95 - 三个标签沿 r 轴(索引=2)的自定义标签位置。
  • chxs=2,0000dd,13,-1,t,FF0000 - r 轴的轴标签样式:文本颜色、文本大小、左对齐、带红色刻度线。
  • chxtc=1,10|2,-180 - y 轴和 r 轴的轴刻度线长度。 第一个值指定轴外侧长度为 10 像素的刻度线。第二个值指定了轴内长 180 像素的刻度线;负数表示刻度线位于轴内侧,并且系统会对刻度线进行剪裁以适应图表。

带有以下标签的折线图表:沿 x 轴的 0 到 100,下方的 1 月、2 月和 3 月,y 轴上的 0 到 4,右侧的红色长刻度线和蓝色的文字最小、平均和最大。

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

此图表展示了交替的刻度线长度。chxtc 为 y 轴指定了两个刻度线长度值(5 和 15),图表上绘制的刻度线会在这两个值之间切换。
chxt=x,y
chxtc=
  1,5,15

返回页首

线条样式 chls [线条、雷达]

您可以使用 chls 参数指定线条粗细和实线/虚线样式。此参数只能用于设置折线图或雷达图表中的线条的样式;除非复合图表的基本类型为折线图,否则无法用于设置复合图表中的线条的样式。

语法

请使用竖线字符 ( |) 分隔多个线条样式;第一种样式会应用于第一行,第二种样式会应用于下一行,以此类推。如果样式少于线条数量,系统会将默认样式应用于所有未指定的线条。

chls=
  <line_1_thickness>,<opt_dash_length>,<opt_space_length>
    |...|
  <line_n_thickness>,<opt_dash_length>,<opt_space_length>
<line_1_thicknessline_1_thickness>
线条粗细(以像素为单位)。
<opt_dash_length>、<opt_space_length>
[可选] 用于定义虚线网格线。第一个参数是每条短划线的长度(以像素为单位)。 第二个参数是短划线之间的间距(以像素为单位)。如需实线,请勿指定这两个值。如果仅指定 <opt_dash_length>,则 <opt_space_length> 将设置为 <opt_dash_length>。默认值为 1,0(实线)。

 

示例

说明 示例

此处的虚线由 3,6,3 指定,较粗的实线由 5 指定。

包含一条实线和一条虚线的折线图表
chls=3,6,3|5

返回页首

背景填充 chf [所有图表]

您可以为图表数据区域和/或整个图表背景指定填充颜色和样式。填充类型包括纯色填充、条纹填充和渐变。 您可以为不同区域(例如整个图表区域,或仅数据区域)指定不同的填充。图表区域填充会覆盖背景填充。所有填充均使用 chf 参数指定,您可以在同一图表中混合使用不同的填充类型(纯色、条纹、渐变),只需用竖线字符 ( | ) 分隔值即可。图表区域填充会覆盖图表背景填充。

纯色填充 chf [所有图表]

您可以为背景和/或图表区域指定纯色填充,或者为整个图表指定透明度值。您可以使用竖线字符 (|) 指定多种填充。(地图:仅限背景)。

语法

chf=<fill_type>,s,<color>|...
<fill_type>fill_type
要填充的图表部分。指定以下某个值:
  • bg - 背景填充
  • c - 图表区域填充。不支持地图图表。
  • a - 将整个图表(包括背景)设为透明。 <color> 的前六位数会被忽略,只有最后两位数(透明度值)会应用到整个图表和所有填充。
  • b<index> - 条形纯色填充(仅限条形图)。 将 <index> 替换为条形的系列索引,即可以纯色填充条形。其效果类似于在条形图中指定 chco。有关示例,请参阅条形图系列颜色
表示纯色或透明填充。
<color>
填充颜色,采用 RRGGBB 十六进制格式。对于透明度,前六位数会被忽略,但无论如何都必须将其包含在内。

 

示例

说明 示例

此示例使用浅灰色 (EFEFEF) 填充图表背景。

带有黑色区域填充的红色折线图表。

chf=bg,s,EFEFEF

下例用浅灰色 (EFEFEF) 填充图表背景,并用黑色填充了图表区域 (000000)。

带有黑色图表区域和浅灰色背景的红色折线图表。

chf=c,s,000000|
bg,s,EFEFEF

此示例将整个图表的透明度设为 50%(十六进制格式的 80 表示 128,即约为 50% 的透明度)。请注意,表格单元格背景透过图表显示出来。

包含蓝色散点且透明度为 50% 的散点图表。

chf=a,s,00000080

返回页首

渐变填充 chf [线条、柱形、Google-o-meter、雷达、散点、维恩]

您可以对图表区域或背景应用一种或多种渐变填充。渐变填充是从一种颜色淡出到另一种颜色。(饼图、Google-O-Me 图表:仅限背景。)

每个渐变填充都指定一个角度,然后指定两种或更多颜色锚定到指定位置。颜色会随着从一个锚点移动到另一个锚点而变化。您必须至少具有两种具有不同 <color_centerpoint> 值的颜色,以便一种可以淡入另一种。每个额外的渐变均由 <color>,<color_centerpoint> 对指定。

语法

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>fill_type
要填充的图表区域。以下其中一列:
  • bg - 背景填充
  • c - 图表区域填充。
  • b<index> - 条形渐变填充(仅限条形图)。 将 <index> 替换为条形的系列索引,以便用渐变色进行填充。有关示例,请参阅条形图系列颜色
lg
指定渐变填充。
<angle>
一个数字,用于指定从 0(横向)到 90(纵向)的渐变角度。
<color>
填充的颜色,采用 RRGGBB 十六进制格式
<color_centerpoint>
指定颜色的定位点。当该锚点接近另一个锚点时,颜色将从该点开始淡出。值范围是从 0.0(底部或左侧边缘)到 1.0(顶部或右侧边缘),按 <angle> 指定的角度倾斜。

 

示例

说明 示例

图表区域采用角度为零 (0) 的横向线性渐变。

颜色为桃色 (FFE7C6),左侧居中(位置 0.0)和蓝色 (76A4FB) 右侧(位置 1.0)。

图表背景以灰色 (EFEFEF) 绘制。

带有以下填充内容的深灰色折线图表:浅灰色背景和从左至右由白色线性渐变到蓝色的图表区域

chf=
  c,lg,0,
  FFE7C6,0,
(桃红色)
  76A4FB,1
(蓝色)

图表区域采用角度为四十五度 (45) 的对角线(从左下角到右上角)线性渐变。

第一个指定的颜色是粉红色 (FFE7C6)。图表的左下角是纯粉红色。

第二个指定的颜色是蓝色 (6A4FB)。图表的右上角是纯蓝色。请注意我们如何指定 0.75 的偏移量,以提供一个向右上角淡出的蓝色峰值。

图表背景以灰色 (EFEFEF) 绘制。

带有以下填充内容的深灰色折线图表:浅灰色背景和从左侧底部至右侧顶部由白色斜向线性渐变到蓝色的图表区域

chf=
  c,lg,45,
  FFE7C6,0,
(桃红色)
  76A4FB,0.75
(蓝色)

图表区域采用角度为九十度 (90) 的垂直(从上到下)线性渐变。

第一个指定的颜色是蓝色 (76A4FB)。图表顶部是纯蓝色。

第二个指定的颜色是桃红色 (FFE7C6)。图表的底部是纯粉红色。

图表背景以灰色 (EFEFEF) 绘制。

包含浅灰色背景的深灰色折线图表,以及从下到上由白色纵向线性渐变到蓝色的图表区域

chf=
  c,lg,90,
  FFE7C6,0,
(桃红色)
  76A4FB,0.5
(蓝色)

返回页首

 

条纹填充 chf [线条、条形图、Google-o-meter、雷达、散点图、维恩]

您可以为图表区域或整个图表指定条纹背景填充。(饼图、Google-O-Meter 图表:仅限背景。)

语法

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>fill_type
要填充的图表区域。以下其中一列:
  • bg - 背景填充
  • c - 图表区域填充
  • b<index> - 条形条纹填充(仅限条形图)。 将 <index> 替换为条形的系列索引,以便用条纹填充。有关示例,请参阅条形图系列颜色
ls
指定线性条纹填充。
<angle>
所有条纹相对于 y 轴的角度。对竖条纹使用 0,或针对横向条纹使用 90
<color>
此条纹的颜色,采用 RRGGBB 十六进制格式。再为每一个其他条纹重复 <color> 和 <width>。您必须至少有两种条纹。条纹会交替显示,直到图表填满。
<width>
此条纹的宽度,介于 01 之间,其中 1 为图表的全宽。系统会重复使用条纹,直到将图表填满。 再为每一个其他条纹重复 <color> 和 <width>。您必须至少有两种条纹。条纹会交替显示,直到图表填满。

 

示例

说明 示例
  • bg,ls,0 - 背景条纹填充与 y 轴(平行于 y 轴)夹角为零度的条纹。条纹填充了图表背景以及图表区域。
  • CCCCCC,0.15 - 第一种条纹为深灰色,宽度为图表的 15%。
  • FFFFFF,0.1 - 第二条条纹是白色的,宽度为图表的 10%。
带有从左至右交替的灰色和白色条纹的蓝色折线图表
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - 带有与 y 轴成九十度角的水平条纹的图表区域。条纹填充了图表区域,但图表背景被忽略。
  • 999999,0.25 - 第一种条纹为深灰色,宽度为图表的 25%。
  • CCCCCC,0.25 - 与第一种条纹相同,但为浅灰色。
  • FFFFFF,0.25 - 与第一种条纹相同,但为白色。
带有从底部至顶部的深灰色、浅灰色、白色和深灰色条纹的蓝色折线图表
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

返回页首