Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

show exported data as an chart 1

Status
Not open for further replies.

intose

IS-IT--Management
Mar 9, 2011
3
SE
Hello,

Not shure that this is the right palce to post this question.

I am about to export data from an ERP system witch will contain 3 values whitch i want to present as an chart.

The values are
Budget
Invoiced
Pending

i this case i want to present budget as one bar ant the tow other obove each other like this.

thing is that i can do what ever export i need but want it as simple as possible.

Is this possible? or should i use XML and XSL and post a question in XML forum?

Thanks in advance
//T
 
For all my charting needs I use FusionCharts :
I currently still use the free Flash version, but they now have a fully JavaScript only version.

Building impressive graphs from simple XML couldn't be easier!

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music
 
Hi Intose,

If you want simple, this is a system I came up with a while back, just scale your data values into the height parameter.
Tweak the width and colours as you wish.

Extend to as many columns and as may stack levels as needed. You can add <title> or <alt> tags in the divs so the user can hover for more info.

Code:
<!doctype html>
<html>
<head>
</head>
<body>



<table cellpadding=5 cellspacing=5 border=0>
<tr>


<!-- First Column -->
<td valign="bottom">
<div style="width:50px; height:400px; background-color:#8888ff;"></div>
</td>
<!-- End of First Column -->



<!-- Second Column -->
<td valign="bottom">
<div style="width:50px; height:100px; background-color:#88eeaa;"></div>
<div style="width:50px; height:270px; background-color:#8800ff;"></div>
</td>
<!-- End of Second Column -->



</tr>
</table>



</body>
</html>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top