JpGraph Manual

• 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 Reporting bugs and suggesting improvements
• 2.9 Getting support

• 3.1 Preparation
  • 3.1.1 Verifying that you have the GD library installed
  • 3.1.2 Verifying that you have GD2 installed
  • 3.1.3 Preparing True Type Font Files
  • 3.1.4 Using non-latin based fonts with JpGraph
• 3.2 Customizing the installation
• 3.3 Required files
  • 3.3.1 Plot extension modules
• 3.4 Image formats and external image libraries
• 3.5 Detailed steps to install JpGraph
• 3.6 Troubleshooting your installation
• 3.7 Compiling PHP 4

• 4.1 Scope of this chapter
  • 4.1.1 What you will learn in this chapter
  • 4.1.2 What you will NOT learn in this chapter
• 4.2 How to generate images with PHP
  • 4.2.1 Using the JpGraph library to send back images
• 4.3 Using PHP directly
• 4.4 The basic principle of JpGraph and the creation of images
• 4.5 Choosing the image format for JpGraph
• 4.6 Alternatives to streaming back the image
• 4.7 Working with fonts in JpGraph
  • 4.7.1 Installing TrueType fonts
  • 4.7.2 Verifying that the TTF fonts work
  • 4.7.3 Specifying fonts
  • 4.7.4 Adding additional fonts to JpGraph
  • 4.7.5 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 The special "prod" locale
• 5.2 Included localized error messages
• 5.3 Creating your own language resource file

• 6.1 Enabling the cache system
• 6.2 Using the cache in your script
• 6.3 Using the cache with Client Side Image Maps
• 6.4 Some final comments
• 6.5 Common feature for all graphs
  • 6.5.1 Clipping
  • 6.5.2 Commonly used properties
  • 6.5.3 Commonly used methods

• 7.1 The basic structure of an image map script
• 7.2 Specifying targets for image map plots
• 7.3 Using StrokeCSIM()
• 7.4 Examples of Image maps
• 7.5 How does StrokeCSIM() work?
• 7.6 Getting hold of the image map
• 7.7 Image maps and the cache system

• 8.1 Line plots
  • 8.1.1 Adding plot marks to line-plots XXX
  • 8.1.2 Displaying the values for each data point
  • 8.1.3 Adding several plots to the same graph
  • 8.1.4 Adding a second Y-scale
  • 8.1.5 Adding a legend to the graph
  • 8.1.6 Handling null-values in line plots
  • 8.1.7 Using the step-style to render line plots
  • 8.1.8 Using logarithmic scale
  • 8.1.9 More on scales
  • 8.1.10 Adjusting the grid lines in the plot
  • 8.1.11 Using filled grid lines
  • 8.1.12 Specifying text labels for the X-axis
  • 8.1.13 Adjusting the ticks on a text scale
  • 8.1.14 Using filled line graphs
  • 8.1.15 Using accumulated line graphs
  • 8.1.16 Constructing smooth line plots with Cubic Splines
  • 8.1.17 Adding plot marks to a line plot
• 8.2 Bar graphs
  • 8.2.1 Adjusting the width of the bars
  • 8.2.2 Displaying the value of each bar
  • 8.2.3 Adding a drop shadow to the bar
  • 8.2.4 Adjusting the alignment of bars on a text scale
  • 8.2.5 Using grouped bar plots
  • 8.2.6 Using accumulated bar plots
  • 8.2.7 Using grouped accumulated bar graphs
  • 8.2.8 Horizontal bar graphs
  • 8.2.9 Using gradient fill for bar graphs
  • 8.2.10 Creating semi-filled bar graphs
• 8.3 Error plots
  • 8.3.1 Using line error plots
• 8.4 Scatter plots
• 8.5 Field plots
• 8.6 Box and Stock charts
  • 8.6.1 Stock Charts
  • 8.6.2 BoxPLots : Stock charts with a median line
  • 8.6.3 Image maps for Box and Stock charts
• 8.7 Combining different graph types
• 8.8 Specifying the scale manually
• 8.9 Adjusting the automatic tick marks
• 8.10 Handling date/time scales
  • 8.10.1 Using the automatic date/time scale
  • 8.10.2 Specifying a date/time scale with a manual call-back
• 8.11 Adjusting labels on a text scale
• 8.12 Adding arbitrary text strings to the graph
• 8.13 Adding titles and footers to the Graph
• 8.14 Adding a tab title
• 8.15 Using background images
• 8.16 Using a background gradient
• 8.17 Using callbacks for Plot marks
• 8.18 Rotating graphs 90 degrees
• 8.19 Formatting the axis
  • 8.19.1 Standard two axis graphs
  • 8.19.2 Scientific style axis
  • 8.19.3 Adjusting the position of the scale labels
  • 8.19.4 Formatting the scale labels
  • 8.19.5 Inverting the Y-axis
• 8.20 Adjusting the auto-scaling limits - grace value
• 8.21 Adding bands of pattern and color to graphs
  • 8.21.1 Customizing the patterns
• 8.22 Adding static lines to the plot

• 9.1 Radar plots
  • 9.1.1 Simple radar plots
  • 9.1.2 Specifying titles for the axis and legends for the plots
  • 9.1.3 Adding grid line to the radar plot
  • 9.1.4 Adding several plots to the same radar graph
  • 9.1.5 Adding plotmarks i radar graphs
• 9.2 Pie plots
  • 9.2.1 Adding guide lines to Pie Plots
  • 9.2.2 Creating 3D pie plots
  • 9.2.3 Exploding pie slices
  • 9.2.4 Specifying and adjusting labels on pie plots
  • 9.2.5 Specifying slice colors and using themes
  • 9.2.6 Adding drop shadows to the slices
  • 9.2.7 Another variant of 2D Pie plots
• 9.3 Polar plots
  • 9.3.1 Overview
  • 9.3.2 Adjusting the radius scale
  • 9.3.3 Adjusting the grid lines
  • 9.3.4 Adjusting the label fonts
  • 9.3.5 Adjusting the labels
  • 9.3.6 Image maps
  • 9.3.7 A final example

• 10.1 Why use Gantt charts?
• 10.2 Capabilities in JpGraph Gantt module
• 10.3 A simple Gantt chart
• 10.4 The structure of a Gantt chart
• 10.5 Creating a GanttChart
• 10.6 Positioning objects in the Gantt plot
• 10.7 Gantt bars
  • 10.7.1 Specifying vertical position
  • 10.7.2 Specifying start and end position for a bar
  • 10.7.3 Milestones
  • 10.7.4 Vertical line
  • 10.7.5 Adding markers to a gantt bar
  • 10.7.6 Adjusting the minimum distance between bars
• 10.8 Formatting the scale headers
  • 10.8.1 Minute scale
  • 10.8.2 Hour scale
  • 10.8.3 Day scale
  • 10.8.4 Week scale
  • 10.8.5 Month scale
  • 10.8.6 Year scale
• 10.9 More formatting for bars
  • 10.9.1 Adding caption to bars
  • 10.9.2 Adding progress indicators to bars
• 10.10 Grouping activities
• 10.11 Using multiple columns as titles
  • 10.11.1 Adding a title for the columns
  • 10.11.2 Specifying CSIM entries for column titles
• 10.12 More general Gantt formatting
  • 10.12.1 Adding a table title
  • 10.12.2 Modifying the divider lines
  • 10.12.3 Modifying the box around the plot
  • 10.12.4 Horizontal grids and alternating line colors
  • 10.12.5 Adding icons to Gantt graphs
  • 10.12.6 Adjusting the margins with auto-sizing
• 10.13 Simplifying the drawing of Gantt graphs
• 10.14 Adding CSIM (Client side Image Maps) to Gantt charts
• 10.15 Adding constrains between your activities
• 10.16 Advanced formatting
  • 10.16.1 Showing only part of the graph
  • 10.16.2 Specifying start day of week
• 10.17 Localizing
• 10.18 Anti-aliasing in JpGraph
  • 10.18.1 Enabling anti-aliased lines
• 10.19 Rotating the graphs
• 10.20 Adjusting brightness and contrast for images and backgrounds
• 10.21 Timing the generation of graphs
• 10.22 Using country flags in various context
• 10.23 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 Generating Anti-Spam challenge

• 13.1 Adjusting the size of the LED digits
• 13.2 Improving the LEDs with supersampling