Table Of Contents

• 1.1 Version history
• 1.2 How was this manual produced?

• 2.1 Version
• 2.2 Software License
• 2.3 JpGraph Features
• 2.4 Getting the latest version
• 2.5 Planned future addition
• 2.6 Known bugs and omissions
• 2.7 Acknowledgments
• 2.8 A note on Implementing an OO library in PHP4
• 2.9 Reporting bugs and suggesting improvements

• 3.1 Preparation
• 3.1.1 Verifying that you have GD2 installed
• 3.1.2 Using non-latin based fonts with JpGraph
• 3.2 Customizing the installation
• 3.3 Required files
• 3.3.1 Plot extension modules
• 3.4 Graphic libraries requirements for PHP 4.1 and above
• 3.5 Detailed steps to install JpGraph
• 3.6 Troubleshooting your installation

• 4.1 What you will learn in this chapter
• 4.2 How to generate images with PHP
• 4.3 The basic principle of JpGraph and the creation of images
• 4.4 Chosing the image format for JpGraph
• 4.5 Alternatives to streaming back the image
• 4.6 Working with fonts in JpGraph
• 4.6.1 Installing TrueType fonts
• 4.6.2 Verifying that the TTF fonts work
• 4.6.3 Specifying fonts
• 4.6.4 Adding additional fonts to JpGraph
• 4.7 Understanding text alignment in JpGraph
• 4.8 Specifying colors in JpGraph
• 4.8.1 Adjusting the transparency
• 4.8.2 Available named colors
• 4.8.3 Theme colors for pie:s

• 5.1 Enabling the cache system
• 5.2 Using the cache in your script
• 5.3 Using the cache with Client Side Image Maps
• 5.4 Some final comments

• 6.1 Common feature for all graphs
• 6.1.1 Clipping
• 6.1.2 Commonly used properties
• 6.1.3 Commonly used methods
• 6.2 Line plots
• 6.2.1 Adding plot marks to line-plots XXX
• 6.2.2 Displaying the values for each data point
• 6.2.3 Adding several plots to the same graph
• 6.2.4 Adding a second Y-scale
• 6.2.5 Adding a legend to the graph
• 6.2.6 Handling null-values in lineplots
• 6.2.7 Using the step-style to render line plots
• 6.2.8 Using logarithmic scale
• 6.2.9 More on scales
• 6.2.10 Adjusting the gridlines in the plot
• 6.2.11 Using filled gridlines
• 6.2.12 Specifying text labels for the X-axis
• 6.2.13 Adjusting the ticks on a text scale
• 6.2.14 Using filled line graphs
• 6.2.15 Using accumulated line graphs
• 6.2.16 Constructing smooth lineplots with Cubic Splines
• 6.2.17 Adding plot marks to a line plot
• 6.3 Bar graphs
• 6.3.1 Adjusting the width of the bars
• 6.3.2 Displaying the value of each bar
• 6.3.3 Adding a drop shadow to the bar
• 6.3.4 Adjusting the alignment of bars ona text scale
• 6.3.5 Using grouped bar plots
• 6.3.6 Using accumulated bar plots
• 6.3.7 Using grouped accumulated bar graphs
• 6.3.8 Horizontal bar graphs
• 6.3.9 Using gradient fill for bar graphs
• 6.3.10 Creating semi-filled bar graphs
• 6.4 Error plots
• 6.4.1 Using line error plots
• 6.5 Scatter plots
• 6.6 Field plots
• 6.7 Box and Stock charts
• 6.7.1 Stock Charts
• 6.7.2 BoxPLots : Stock charts with a median line
• 6.7.3 Image maps for Box and Stock charts
• 6.8 Combining different graph types
• 6.9 Specifying the scale manually
• 6.10 Adjusting the automatic tick marks
• 6.11 Handling date/time scales
• 6.12 Adjusting labels on a text scale
• 6.13 Adding arbitrary text strings to the graph
• 6.14 Adding titles and footers to the Graph
• 6.15 Adding a tab title
• 6.16 Using background images
• 6.17 Using a background gradient
• 6.18 Using callbacks for Plot marks
• 6.19 Rotating graphs 90 degrees
• 6.20 Formatting the axis
• 6.20.1 Standard two axis graphs
• 6.20.2 Scientific style axis
• 6.20.3 Adjusting the position of the scale labels
• 6.20.4 Formatting the scale labels
• 6.20.5 Inverting the Y-axis
• 6.21 Adjusting the auto-scaling limits - grace value
• 6.22 Adding bands of pattern and color to graphs
• 6.22.1 Customizing the patterns
• 6.23 Adding static lines to the plot

• 7.1 Radar plots
• 7.1.1 Simple radar plots
• 7.1.2 Specifying titles for the axis and legends for the plots
• 7.1.3 Adding gridline to the radar plot
• 7.1.4 Adding several plots to the same radar graph
• 7.2 Pie plots
• 7.2.1 Creating 3D pie plots
• 7.2.2 Exploding pie slices
• 7.2.3 Specifying and adjusting labels on pie plots
• 7.2.4 Specifying slice colors and using themes
• 7.2.5 Adding drop shadows to the slices
• 7.2.6 Another variant of 2D Pie plots

• 8.1 The basic structure of an image map script
• 8.2 Specifying targets for image map plots
• 8.3 Using StrokeCSIM()
• 8.4 Examples of Image maps
• 8.4.1 Client maps with Bar graphs
• 8.4.2 Client maps with Pie graphs
• 8.4.3 Client maps with Scatter graphs
• 8.5 How does StrokeCSIM() work?
• 8.6 Getting hold of the image map
• 8.7 Image maps and the cache system

• 9.1 Some notes on format and files used in this tutorial
• 9.2 Why use Gantt charts?
• 9.3 Capabilities in JpGraph Gantt module
• 9.4 A simple Gantt chart
• 9.5 The structure of a Gantt chart
• 9.6 Creating a GanttChart
• 9.7 Positioning objects in the Gantt plot
• 9.8 Gantt bars
• 9.8.1 Specifying vertical position
• 9.8.2 Specifying start and end position for a bar
• 9.8.3 Milestones
• 9.8.4 Vertical line
• 9.8.5 Adding markers to a gantt bar
• 9.8.6 Adjusting the minimum distance between bars
• 9.9 Formatting the scale headers
• 9.9.1 Minute scale
• 9.9.2 Hour scale
• 9.9.3 Day scale
• 9.9.4 Week scale
• 9.9.5 Month scale
• 9.9.6 Year scale
• 9.10 More formatting for bars
• 9.10.1 Adding caption to bars
• 9.10.2 Adding progress indicators to bars
• 9.11 Grouping activities
• 9.12 Using multiple columns as titles
• 9.12.1 Adding a title for the columns
• 9.12.2 Specifying CSIM entries for column titles
• 9.13 More general Gantt formatting
• 9.13.1 Adding a table title
• 9.13.2 Modifying the divider lines
• 9.13.3 Modifying the box around the plot
• 9.14 Simplifying the drawing of Gantt graphs
• 9.15 Adding CSIM (Client side Image Maps) to Gantt charts
• 9.16 Adding constrains between your activities
• 9.17 Advanced formatting
• 9.17.1 Showing only part of the graph
• 9.17.2 Specifying start day of week
• 9.18 Localizing

• 10.1 Anti-aliasing in JpGraph
• 10.1.1 Enabling anti-aliased lines
• 10.2 Rotating the graphs
• 10.3 Adjusting brightness and contrast for images and backgrounds
• 10.4 Timing the generation of graphs
• 10.5 Using country flags in various context
• 10.6 Adding icons onto the graph

• 11.1 Introduction
• 11.2 Creating a simple canvas
• 11.3 Adding lines and rectangles to a canvas
• 11.4 Using a canvas scale
• 11.5 Sample application: Drawing DB schema

• 12.1 Under the utils/misc directory
• 12.2 Under the utils/jpdcgen