Bubble Chart for PHP

Add this HTML code to your page,

Save the web page and load it up to your web server.

Notes:

The position of this code will determine where the graph will be displayed within your page.

From the /tutorials/ directory (of this package) copy the 2 files data.txt and simpleconfig.txt to your web server.

The files should be placed in the same directory as your web page.

Notes:

The data.txt file contains the data values to be plotted. This example file contains 2 series of data each with 6 data values.

The graph can also pull data directly from databases and other sources. This is explored in the later tutorials.

This simpleconfig.txt file contains the bare minimum of information ( just the width & height parameters ). There are of course many parameters which may be added to this file and in the next tutorial we shall be using all of them.

From the /jpowered/bubblechart/ directory (of this package) copy the file bubble-chart.php and place it in the same directory as your web page.

Notes:

The file bubble-chart.php is the actual software file which reads the data and produces the graph image at page view time.

This file may actually be placed in any web directory on your server. In the following tutorial we will show how to do this.

Open your web browser and view the page.

You should see a Bubble Chart with 12 points plotted (6 for each series).

This first graph is fairly plain, in the next tutorial we shall be using many more features which really enhance the graph image.

Follow-Up Suggestion:

Edit the data.txt file changing some of the values and adding some more data values to each series.

You can even add another series of data (or as many as you like).

In the vast majority of cases (over 95%) the above is all that is required. However if you experience any problems please feel free to tell us and we will be happy to assist.

Contact us here »

Please remember to include the URL of your web page.