Creating Bar chart in jsp

[Malarvizhi Nandakumar]

Hi
I hav created bar chart using table tag along with <div>.Currently i am not able to create coordinates with values 10,20,30 etc ....


Could anyone help me with creating bar chart or send me the sample code.

Thanks in advance.

[Ulf Dittmer]

Are you using some library to create charts? Or is it pure HTML? If the latter, post the HTML you have, and describe what it is missing.

[Malarvizhi Nandakumar]

<table valign="center">

<td valign="bottom"> <div style='background-color:red;width=1;height=400'> </td>

<%
int HorX=10;
int chartwidth = 100;
int VerY[] = {100, 200, 800, 100};
int vmax=300;
int i=0;
int tdwd = chartwidth-(HorX*4)/HorX;
System.out.println("tdwd"+tdwd);

int h;
for(int len=0;len<4;len++)
{
System.out.println("ver"+VerY[len]);
h = VerY[i] / (vmax / 100);
System.out.println("h"+h);
%>

<td valign="bottom"> <div style='background-color:pink; width:"<%=(tdwd-5)%>";height: "<%=h%>"'> </td>

<%
i++;
}
%>

<tr>

<td></td>
<%
for (i=0;i<4;i++)
{
%>

<td> <div> <%=VerY[i]%> </div> </td>
<%
}
%>
</tr>


</table>

[Malarvizhi Nandakumar]

<table valign="center">

<td valign="bottom"> <div style='background-color:red;width=1;height=400'> </td>

<%
int HorX=10;
int chartwidth = 100;
int VerY[] = {100, 200, 800, 100};
int vmax=300;
int i=0;
int tdwd = chartwidth-(HorX*4)/HorX;
System.out.println("tdwd"+tdwd);

int h;
for(int len=0;len<4;len++)
{
System.out.println("ver"+VerY[len]);
h = VerY[i] / (vmax / 100);
System.out.println("h"+h);
%>

<td valign="bottom"> <div style='background-color:pink; width:"<%=(tdwd-5)%>";height: "<%=h%>"'> </td>

<%
i++;
}
%>

<tr>

<td></td>
<%
for (i=0;i<4;i++)
{
%>

<td> <div> <%=VerY[i]%> </div> </td>
<%
}
%>
</tr>


</table>

This is the HTML code i hav used and i want the X and Y axis in the bar chart to be drawn along with the values.

[Malarvizhi Nandakumar]

<table valign="center">

<td valign="bottom"> <div style='background-color:red;width=1;height=400'> </td>

<%
int HorX=10;
int chartwidth = 100;
int VerY[] = {100, 200, 800, 100};
int vmax=300;
int i=0;
int tdwd = chartwidth-(HorX*4)/HorX;
System.out.println("tdwd"+tdwd);

int h;
for(int len=0;len<4;len++)
{
System.out.println("ver"+VerY[len]);
h = VerY[i] / (vmax / 100);
System.out.println("h"+h);
%>

<td valign="bottom"> <div style='background-color:pink; width:"<%=(tdwd-5)%>";height: "<%=h%>"'> </td>

<%
i++;
}
%>

<tr>

<td></td>
<%
for (i=0;i<4;i++)
{
%>

<td> <div> <%=VerY[i]%> </div> </td>
<%
}
%>
</tr>


</table>

This is the HTML code i hav used and i want the X and Y axis in the bar chart to be drawn along with the values.

[Prafulla N. Patil]

you can go for JFreeChart of souceforge

just search JFreeChart in google

[Ulf Dittmer]

I'll move this to the HTML forum, since it has nothing to do with JSP.

One way I could see this working is with a one-column table to the left of the graph where each cell has has balck background and is one pxiel wide. That would be for the Y axis.
Then another table below the graph that has one row, each cell one pixel high; that's for the X axis.

If you want tick marks then it gets more complicated.