2827Create html bar graph in ASP/VBSscripthttp://www.pstruh.cz/tips/detpg_html-bar-graph-chart.htmCharting is most common task you will need in data presentation. This article shows simple method to create charts without external client or server objects, without .gif, jpg or png - the chart is created as HTML, directly in page. The simpliest task is to create bar charts. HTML gives you many formatting possibilities to show bars in graph.ASP > Tips and Tutorials > Graphs and ChartsOct 10, 2006
Charting is most common task you will need in data presentation. This article shows simple method to create charts without external client or server objects, without .gif, jpg or png - the chart is created as HTML, directly in page. The simpliest task is to create bar charts. HTML gives you many formatting possibilities to show bars in graph.
This sample code demonstrates how to create effective graphs using simple html and the output from an access db but without the need for third party components. The example shows the stock performance for Yahoo.
To begin with, we need to create an HTML page or you could use any extension you would like. This is going to be the page the content is displayed on. Later in the article we will build a ASP page that generates the chart and is called using AJAX from the main page. I will not go into all of the details of creating a page and the entire layout, but rather focus on the items related to the chart.
Again using that great original bar chart code with a little modification, we can render a true stacked bar chart. We will use a different color for each stack and each stack will have its own tool tip too ! Just pass an array with your colors, one for each bar. The colors are specified by name, each color name has a corresponding spacer, a gif image file that is dynamically plugged into the IMG tag SRC attribute via our asp code. Make sure to place these files in your /images folder. For expanded tool tip information, pass an array with the additional text. Our example chart display five sensors (columns) with four states of alarm. (stacks). The right-hand column (bar) will represent the totals. The tool tip will first display the quantity followed by a description of what this stack on the bar represents. Note: You can embed the VbTab character to separate tool tip text into columns.
Joining mailing list will entitle you
to receive occasional emails informing you of news and
updates to the site and any special offers that may be
of interest to you.