页面树结构
Skip to end of metadata
Go to start of metadata

注意,这个插件在中文支持的时候有问题。比如说宏的标题中如果你输入中文,可能会在图表中的标题中将中文显示方框。


图表宏允许你通过表格数据来显示表格。当你向页面中添加这个宏的时候,你可以:

  • 支持数据可以被用于在宏中显示,这些数据可以作为表格数据在宏中显示为占位符。
  • 可以通过宏编辑器来通过编辑宏参数来配置图表显示格式。

屏幕截图1:图标宏中的表格数据占位符


屏幕截图2:图标结果


本页中的内容:


使用图表宏

希望在页面中插入图表宏:

  1. 编辑页面,然后使用自动完成功能,或者插入一个图表宏(输入  '{chart}')。
  2. 为你在宏占位符内输入一个或者多个图表数据。(请查看上面的截图)。
  3. 单击宏占位符然后选择 编辑(Edit)
  4. 使用 类型(Type )参数来选择一个图表类型,有关类型的参数,请参考下面的说明。
  5. 在宏中选择其他参数设置,有关其他参数设置,请参考下面的说明。
  6. 在预览区域中单击 刷新(Refresh )来查看你的图表输出是否与你期望的一致。
  7. 单击 保存(Save)来将图表添加到你的页面中。
  8. 当你准备保存页面的时候,再次单击 保存(Save) 来保存页面

参数


图表类型参数 | 显示控制参数 | 标题和标签参数 | 数据格式参数 | 色彩参数 | 轴参数 | 饼图参数 | 附件参数

图表类型参数

下面这些参数用户决定图表的显示类型,和图表将会显示成什么样。

参数

默认值Default

说明

类型(Type)pie

图表的显示类型。XY 图表含有素质的 x- 和 y- 坐标轴。x 值可能是可选项,如果 x 是作为时间轴的话,请查看时间序列参数。

Standard — pie, bar, line, area

XY Plots — xyArea, xyBar, xyLine, xyStep, xyStepArea, scatter, timeSeries

Other — gantt

显示结构(Display Orientation)vertical

在区域图,饼图和折线图中可以使用。

    • vertical — y-轴是垂直的
    • horizontal — x-轴是垂直的
是否是 3D 显示(Show in 3D)false

在区域图,饼图和折线图中可以使用。

堆叠值(Stacked Values)false在区域图,饼图中可以使用。
显示形状(Show shapes)true在折线图中可以使用。形状将会在每个数据节点中使用。
光学特性(Opacity)
  • 3D 图使用 75% 的透明率
  • 非堆叠图使用 50% 的透明率
  • 所有其他图使用 100% 的透明率
光学透明度的选项,可以在 0(透明)100(不透明)直接进行选择。这个用户决定前景区域和数据区域的透明情况。foreground areas and bars are.

显示控制参数

参数

默认值

说明

宽度(Width)300图表宽度的值,默认使用像素。
高度(Height)300图表高度的值,默认使用像素。
显示处理后的数据(Display rendered data)false

设置如何在宏中显示格式化数据(通常在数据表格中)。默认得的情况,表格数据是不会被处理的。

    • before — 数据将会在图表之前显示。
    • after — 数据将会在图表之后显示。
图片格式(Image format)png

图表中使用的图片格式。

    • png
    • jpg

标题和标签参数

参数

默认值

说明

图表标题(Chart Title)none图表的标题。
图表子标题(Chart Subtitle)none图表的子标题,将会使用比图表标题小的字体。
水平轴标签(Horizontal-axis Label)nonex 轴的标签(domain)。
垂直轴标签(Vertical-axis Label)none

y 轴的标签(range)。

显示图例(Show Legend)true显示图例或者关键字。

数据格式参数

图表的can数据是从宏的占位符中对其中的数据进行处理后得到的。下面的这些选项用户控制宏中的数据是如何被处理的。

默认情况下,数字和日期类型会被 Confluence 站点全局射中的默认语言中定义的格式进行格式化。如果在这个格式化的时候,出现了错误,那么 Confluence 中安装的其他语言将会被逐一进行尝试。其他的格式化方式可以在宏的参数中进行指定。

参数

默认值

说明

表格(Tables)所有的第一级数据

标题 id 使用的逗号分隔符号的列表 和/或 数字(从 1 开始)包含有宏内的数据,这个数据可以被用作为图表进行显示。

如果数据表被嵌入到其他表格中,那么表格的选择是必须的。这种情况多半是在页面有复杂架构的时候发生,例如你在页面中使用了块和列进行了页面布局。

列(Columns)所有列

为图表的数据使用的逗号分隔符标签 和/或 标题 和/或 列数量

这个对所有表格都会处理。列的树立从 1 开始,列的标签文字为列的头行。列标题是标题行中的列(HTML)标题属性。

内容组织方式(Content Orientation)水平(horizontal)
    • vertical — 数据表的列将会被作为 X 轴(序列轴)。
    • horizontal — 数据表的列将会被作为 Y 轴(序列轴)。
时间序列(Time Series)false
    • true — x 值在 XY 坐标汇通中将会被视为时间序列数据,然后会根据日期格式进行格式化。
日期格式(Date format)Confluence 语言中定义的日期格式。

针对时间序列数据,日期格式允许为日期值进行更多的自定义配置。如果日期格式被指定的话,这个值将会被首先被用于进行日期格式化。

指定的值必须满足时间序列数据,请查看  简单日期格式 中的说明。

时间周期(Time Period)天(Day)时间区间是为时间序列使用的。这定义了数据的显示粒度。可用的值为:MillisecondSecond,Minute, Hour, DayWeek, Month, Quarter, Year。
语言(Language)none

从本地参数配置中来对确定语言参数。附加的数字和日期格式将会使用默认的语言配置进行格式化。

 请参考 ISO 639-1 2 字符代码表  中的说明。

国家(Country)none从本地参数配置中来对确定语言参数。2 字符的国家代码是有效的,请参考 ISO 3166 代码 中的说明。
忽略错误(Forgive)true
    • true — 宏将会对数字和日期进行格式化,这个格式化有可能与默认值或者用户指定的值对不上。
    • false — 将会对数字和日期进行强制格式化。当这个格式化过程中有错误的话,那么图表是不会被显示的。

色彩参数

必须使用 16 进制的值来表示色彩参数或者你也可以使用 HTML 色彩名字

参数

默认值

说明

背景色彩(Background Colour)White图表的背景色。
边框色彩(Border Colour)no border图表边框使用的色彩。
色彩(Colours)
逗号分隔符的色彩列表,这个色彩列表被用于自定义分类,块和序列色彩。

轴参数

基于图片的类型, range 和 domain 轴是可以自行配置的。这些值将会根据数据来自动生成,但是可以通过特定的一个或者多个其他参数进行重载。

参数

默认值

说明

区域最小值(Range Minimum Value)none区域轴允许的最小值。
区域最大值(Range Maximum Value)none区域轴允许的最大值。
区域轴拆分单元(Range Axis Tick Unit)none区域轴进行查分的单元。
区域轴标签视角(Range Axis Label Angle)none区域轴标签的显示视角。
域轴下限(Domain Axis Lower Bound)none仅在 XY 坐标视图中有效。域周允许的最小值。针对数据坐标来说,这个指标必须使用指定的日期参数。
Domain Axis Upper Boundnone仅在 XY 坐标视图中有效。域周允许的最大值。针对数据坐标来说,这个指标必须使用指定的日期参数。
Domain Axis Tick Unitnone仅在 XY 坐标视图中有效。在域轴单元和域轴刻度。针对时间序列图表,这个值代表在该时间段参数指定的单位的计数。 该时间段单元可以通过指定一个后缀:y (years), M (months), d (days), h (hours), m (minutes), s (seconds), u (milliseconds)。
Domain Axis Label Angle none仅在 XY 坐标视图中有效。域轴标签的显示视角。
坐标轴标签分类(Category Label )Position none

坐标轴标签文字的类别。

    • up45 — 向上45度
    • up90 — 向上90度
    • down45 — 向下45度
    • down90 — 向下90度
日期刻度标记位置(Date Tick Mark Position) start

日期刻度参数的位置

    • start — 刻度标记在日期区间开始
    • middle — 刻度标记在日期区间中间 
    • end — 刻度标记在日期区间结束

饼图参数

参数

默认值

说明

饼标签(Pie Section Label)仅仅显示饼图的关键值饼图的标签将会以何种方式进行显示。这个格式使用特殊字符来替代变量:
    • %0% 用 Key 替代饼图的 。
      %1% 用数字值替代饼图。
    • %2% 用百分比替代饼图。

例子 1: "%0% = %1%" 将会显示下面的内容 "Independent = 20"
例子 2: "%0% (%2%)" 将会显示下面的内容 "Independent (20%)"

饼分裂(Pie Section Explode)饼块分离对饼图的 Key 使用逗号分隔符列表,然后被用于显示分裂饼图。注意,这个特性需要 jFreeChart 1.0.3 版本或者更高版本。

附件参数

在图表的版本中可以使用一些高级选项来提高自动化和性能。在使用这些选项的时候需要小心!

这些选项将会允许将图表文件新建后作为附件保存,然后对这些附件进行反问和重用。这个在你对系统中安装了缓存插件的的时候能够提高系统性能。根据你使用的选项,图表图像可以对其进行版本历史记录,你可以根据版本历史记录来查看相关历史信息。

参数

默认值

说明

附件(Attachment)none

图表将会作为附件保存的附件的名字和位置。用户必须在指定的页面中具有附件操作的权限。

  •  ^attachmentName.png — 图表将会在当前页面中作为附件保存。
  • page^attachmentName.png — 图表将会在提供的页面名字的页面中作为附件保存。
  • space:page^attachmentName.png — 图表将会在指定的空间提供的页面名字的页面中作为附件保存。
附件版本(Attachment Version)new

定义保存的图表使用的版本。

    • new — 创建附件的新版本。
    • replace — 替换图表的前一个版本。如果希望替换已有的一个附件,用户必须在指定的页面中具有附件操作的权限。
    • keep — 当指定的同一个名字的附件不存在的时候,保存为一个新的附件。已经存在的附件将不会被修改或者更新。
附件说明(Attachment Comment)none保存图表附件使用的说明
缩略图(Thumbnail)false
    •  true — 图表附件将会使用缩略图显示


示例代码

饼图

宏浏览器中的参数

宏中的数据表

格式化后的图表

Typepie

Fish Type

2011

Herring

9,500

Salmon

2,900

Tuna

1,500


Chart TitleFish Sold 2011
Show Legendtrue
Content Orientationvertical










柱状图

宏浏览器中的参数宏中的数据表格式化后的图表
Typebar

Fish Type

2010

2011

Herring

9,500

8,300

Salmon

2,900

4,200

Tuna

1,500

1,500


Chart TitleFish Sold
Show Legendtrue












3D 柱状图

宏浏览器中的参数宏中的数据表格式化后的图表
Typebar


2009

2010

2011

Revenue

12.4

31.8

41.1

Expense

43.6

41.8

31.1


Show in 3Dtrue
Opacity50
Show Legendtrue








时间序列图表

宏浏览器中的参数宏中的数据表格式化后的图表
TypeTime Series

Month

Revenue

1/2011

31.8

2/2011

41.8

3/2011

51.3

4/2011

33.8

5/2011

27.6

6/2011

49.8

7/2011

51.8

8/2011

77.3

9/2011

73.8

10/2011

97.6

11/2011

101.2

12/2011

113.7

Month

Expenses

1/2011

41.1

2/2011

43.8

3/2011

45.3

4/2011

45.0

5/2011

44.6

6/2011

43.8

7/2011

51.8

8/2011

52.3

9/2011

53.8

10/2011

55.6

11/2011

61.2

12/2011

63.7


Date FormatMM/yyyy
Time PeriodMonth
Content Orientationvertical
Range Axis Lower Bound0
Show Legendtrue











XY 线图表

宏浏览器中的参数宏中的数据表格式化后的图表
TypexyLine


12

14

23

Revenue

41.1

31.8

12.4

Expense

31.1

41.8

43.6


Show Legendtrue





XY 区域图表

宏浏览器中的参数宏中的数据表格式化后的图表
TypexyArea

 

12

14

23

Revenue

41.1

31.8

12.4

Expense

31.1

41.8

43.6


Show Legendtrue











区域图表

示例 1
宏浏览器中的参数宏中的数据表格式化后的图表
Typearea

Satisfaction

2009

2010

2011

Very satisfied

20

23

34

Satisfied

40

34

23

Dissatisfied

25

26

25

Very dissatisfied

15

17

18


Show Legendtrue
Width300
Height300
Opacity50





示例 2
宏浏览器中的参数
宏中的数据表格式化后的图表
Typearea

Satisfaction

2009

2010

2011

Very satisfied

12

23

31

Satisfied

1

34

36

Dissatisfied

4

6

22

Very dissatisfied

2

7

12




Show Legendtrue
Width300
Height300
Stacked Valuestrue




Gantt Chart

宏浏览器中的参数宏中的数据表格式化后的图表
Typegantt

Plan

Start

End

Status

Stage 1
6/25/2013
7/10/2013
30%
Stage 2
7/13/2013
11/28/2013
40%
Stage 3
12/1/2013
12/25/2013

Actual

Start

End

Status

Stage 1
6/25/2013
7/26/2013 
100%
Stage 2
7/29/2013
12/01/2013
40%
Stage 3
12/10/2013
12/25/2013


Width300
Height200
Columns,,1,2,3,4
Date formatMM/dd/yyyy




代码示例

下面的代码是提供给希望进一步编辑 Confluence 页面的高级用户使用的。

宏名称: chart

宏内容: 接受富文本,使用表格来保存所需要的数据。

这个宏使用了大量的参数,请参考页面上面提供的参数说明。

存储格式示例

下面显示了一个简单饼图,有关更多的说明,请参考示例 图表宏的 Confluence 存储格式示例 中的说明。

<ac:structured-macro ac:name="chart">
  <ac:parameter ac:name="title">Fish Sold</ac:parameter>
  <ac:parameter ac:name="type">pie</ac:parameter>
  <ac:rich-text-body>
    <table>
      <tbody>
        <tr>
          <th>
            <p>Fish Type</p>
          </th>
          <th>
            <p>2004</p>
          </th>
          <th>
            <p>2005</p>
          </th>
        </tr>
        <tr>
          <th>
            <p>Herring</p>
          </th>
          <td>
            <p>9,500</p>
          </td>
          <td>
            <p>8,300</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Salmon</p>
          </th>
          <td>
            <p>2,900</p>
          </td>
          <td>
            <p>4,200</p>
          </td>
        </tr>
        <tr>
          <th>
            <p>Tuna</p>
          </th>
          <td>
            <p>1,500</p>
          </td>
          <td>
            <p>1,500</p>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

Wiki 标记示例

下面显示了使用 Wiki 标记格式的饼图示例,有关更多示例,请参考页面 图表宏的维基格式示例 页面中的说明。

{chart:type=pie|title=Fish Sold}
|| Fish Type || 2004 || 2005 ||
|| Herring | 9,500 8,300 |
|| Salmon | 2,900 4,200 |
|| Tuna | 1,500 1,500 |
{chart}


  • 无标签