Inside Technique : HTML Bar Charts : Server-Side BarChart

We created the following bar chart from your input. The bar chart is generated on the server and is composed entirely in HTML.

You can create a sample bar chart by starting here.

The bar chart is built using HTML tables. Each bar represents a percentage of the total and is created using a table with two cells. The first cell displays the bar and the second cell displays the percent value. The bar is rendered using a cell with a defined background color. The width of this cell is defined using a single pixel transparent gif with a width set to the size of the bar.

To see how the chart is generated, examine the HTML below. This is the HTML for the sample bar chart you created. The outer table lays out the label, value, and bars into three columns. The third column contains the nested table that outputs the bar and percent value.

You did not create a sample bar chart.

We created this chart from data you entered. The data could have easily come from any number of sources. For our on-line surveys, we use a modified version of the above script that reads the information from our database. Depending upon your data source, you will most likely need to customize our server scripts. Next we provide you the ASP script we used to generate this demonstration.

© 1997-2000 InsideDHTML.com, LLC. All rights reserved.