Examples of chart in the report column like monitor activity page

Question

Hello,
Can anybody help me how to create a report having chart as one of the column in the report like Administration->Monitory Activity pages.
I have a report having columns like date, salesman, collection%.
The collection% must be displayed as bar chart showing % in the report column itself.
I searched a lot and end up with no examples found for this kind of example.
Any help will be appreciated.
Thanks,

Answer 1

First of all, it appears that there is no "HTML EXPRESSION" or an area to assign a CSS class to a column for interactive reports. I've even tried to use "COMPUTE" on an interactive report to introduce the <DIV> tabs and style, but that doesn't seem to work either. So If you're using an interactive report, it looks like you're out of luck.
But if you use a standard report, here is a quick example using the standard Demo tables on an interactive report. I'll do my best to describe what I'm doing step by step.
The query I'm using is a simple list of employees that shows the following columns:
<ul>
<li> EMPNO
<li> ENAME
<li> JOB
<li> SAL
<li> COMM
<li> COMM / (SAL + COMM) *100 (What percent of total Salary is the employees Commission)
</ul>
So here is the SQL statement I'm going to use:
select empno, ename, job, sal, comm, round(nvl((comm / (sal + comm) *100),0)) Pct_Comm
from empNow, Create an standard (SQL) report on the page of your choice by selecting the CREATE button at the top of the page editor. Select "REGION ON THIS PAGE" => "REPORT" => "SQL REPORT"
Enter a the TITLE and TEMPLATE of your choice, then click the NEXT button.
Copy and paste the select statement above into the page region for the select statement, and press the CREATE REGION button.
Go ahead and run the report and you will see a whole number for the COMM_PCT.
Now to turn this into a graph within the column perform the following steps.
<ol>
<li>Edit the page and then edit the report by clicking on the "Report" link on the page definition. This will bring up the Report Attributes Page.
<li>Edit the PCT_COMM column by clicking on the EDIT icon at the beginning of the row.
<li>Cut and paste the html from my above post into the "HTML EXPRESSION" field.
<li>Edit the HTML you just pasted to remove any unnecessary spaces in the tags that might cause it to render incorrectly.
<li>In the HTML EXPRESSION string, replace the #COLLECTION_PCT# string with #PCT_COMM#. (This is a substitution variable that represents the value of that column. We're using that to set the WIDTH attribute of the bar).
<li>Apply your changes and re-run the report.
</ol>
et. Voi la! You have a graph in your report.
Hope that was clear enough.
Doug