ch19.html
6.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Chapter 19. Graphical tables</title><link rel="stylesheet" type="text/css" href="manual.css"><meta name="generator" content="DocBook XSL Stylesheets V1.76.0"><link rel="home" href="index.html" title="JpGraph Manual"><link rel="up" href="pt05.html" title="Part V. Additional graph types available in the professional version"></head><body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF"><div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">Chapter 19. Graphical tables</th></tr><tr><td width="20%" align="left"> </td><th width="60%" align="center">Part V. Additional graph types available in the professional version</th><td width="20%" align="right"> </td></tr></table><hr></div><div class="chapter" title="Chapter 19. Graphical tables"><div class="titlepage"><div><div><h2 class="title"><a name="chapter.graphic-tables"></a>Chapter 19. Graphical tables</h2></div></div></div><div class="toc"><p><b>Table of Contents</b></p><dl><dt><span class="sect1"><a href="ch19.html#id2454151">19.1. Introduction</a></span></dt><dt><span class="sect1"><a href="ch19s02.html">19.2. Constructing tables</a></span></dt><dd><dl><dt><span class="sect2"><a href="ch19s02.html#id2579767">19.2.1. Basic tables</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2579770">19.2.2. Merging cells</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2580253">19.2.3. Font adjustment</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2580295">19.2.4. Color adjustment</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2580500">19.2.5. Adjusting table and cell sizes</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2580951">19.2.6. Fine tuning cell alignment and cell padding</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2581054">19.2.7. Adjusting border and grid lines</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2581394">19.2.8. Specific number formatting</a></span></dt><dt><span class="sect2"><a href="ch19s02.html#id2581540">19.2.9. Using images and country flags in the table</a></span></dt></dl></dd><dt><span class="sect1"><a href="ch19s03.html">19.3. CSIM Table support</a></span></dt><dt><span class="sect1"><a href="ch19s04.html">19.4. Table API Overview</a></span></dt><dt><span class="sect1"><a href="ch19s05.html">19.5. Examples</a></span></dt><dd><dl><dt><span class="sect2"><a href="ch19s05.html#id2582797">19.5.1. Example 1</a></span></dt><dt><span class="sect2"><a href="ch19s05.html#id2582815">19.5.2. Example 2</a></span></dt><dt><span class="sect2"><a href="ch19s05.html#id2582887">19.5.3. Example 3</a></span></dt><dt><span class="sect2"><a href="ch19s05.html#id2582935">19.5.4. Example 4</a></span></dt><dt><span class="sect2"><a href="ch19s05.html#id2582984">19.5.5. Example 5</a></span></dt><dt><span class="sect2"><a href="ch19s05.html#id2583032">19.5.6. Example 6</a></span></dt></dl></dd><dt><span class="sect1"><a href="ch19s06.html">19.6. Case study: Adding a table to a bar graph</a></span></dt></dl></div>
<div class="sect1" title="Introduction"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="id2454151"></a>Introduction</h2></div></div></div>
<div class="note" title="Note" style="margin-left: 0.5in; margin-right: 0.5in;"><h3 class="title">Note</h3><p>This module is only available in the pro-version of the library.</p></div>
<p>When visualizing data it is often useful to have both a quick graphical view which can
show high level trends and a detailed table view with the exact figures. The table
module supports the creation of an almost endless varieties of tables. </p>
<p>The table library module will allow any kind of rectangular table with an arbitrary
number of rows and columns. user selectable size, cells may be merged with other cells,
have individual background colors, different fonts and various types of borders. </p>
<p>Since graphic tables can be created as objects this also means that they can be added
to ordinary graph types in much the same way as for example icons and text
objects.</p>
<p>A good way to get an idea of the capabilities of the library is to review <a class="xref" href="ch19.html#fig.table-overview" title="Figure 19.1. Standalone table examples">Figure 19.1. Standalone table examples</a> where a number of different tables that all have
ben created with the library are shown. In the remainder of this chapter the APIs
available will be explained by means of a number of worked through examples.</p>
<p>Since table has full support for Client Side Image Maps (CSIM) they can also be used a
launch pad to take the user to further detailed information.</p>
<p>In addition to adding data tables to graphs it is also possible to create graphic
tables on the fly all by its own. This has the advantage compared with HTML tables to
allow users to make copies of the table while maintaining the exact formatting of the
table. </p>
<div class="figure"><a name="fig.table-overview"></a><p class="title"><b>Figure 19.1. Standalone table examples</b></p><div class="figure-contents">
<div class="mediaobject"><img src="images/table_clipboard.png" alt="Standalone table examples"></div>
</div></div><br class="figure-break">
<p>In addition to the standalone tables shown above another common usage is to combine a
graph and a table. An example of how this can be done is shown in <a class="xref" href="ch19.html#fig.bartable_intro" title="Figure 19.2. Combining a graphic table and a bar graph">Figure 19.2. Combining a graphic table and a bar graph</a> below. The exact steps how to create this graph
is described in <a class="xref" href="ch19s06.html" title="Case study: Adding a table to a bar graph">Case study: Adding a table to a bar graph</a>.</p>
<div class="figure"><a name="fig.bartable_intro"></a><p class="title"><b>Figure 19.2. Combining a graphic table and a bar graph</b></p><div class="figure-contents">
<div class="mediaobject"><img src="images/bartable_intro.png" alt="Combining a graphic table and a bar graph"></div>
</div></div><br class="figure-break">
</div>
</div><div class="navfooter"><hr><table width="100%" summary="Navigation footer"><tr><td width="40%" align="left"> </td><td width="20%" align="center"><a accesskey="u" href="pt05.html">Up</a></td><td width="40%" align="right"> </td></tr><tr><td width="40%" align="left" valign="top"> </td><td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td><td width="40%" align="right" valign="top"> </td></tr></table></div></body></html>