franta-hg@1: franta-hg@1: franta-hg@1: franta-hg@1: Cewolf Tutorial(4): Define the chart in your JSP franta-hg@1: franta-hg@1: franta-hg@1: franta-hg@1: franta-hg@1:

Tutorial: Step 4

franta-hg@1:

Define the chart in your JSP

franta-hg@1: 
<%@page contentType="text/html"%>
<%@taglib uri='/WEB-INF/cewolf.tld' prefix='cewolf' %>
<HTML>
<BODY>
<H1>Page View Statistics</H1>
<HR>
<jsp:useBean id="pageViews" class="de.laures.cewolf.example.PageViewCountData"/>
<cewolf:chart 
    id="line" 
    title="Page View Statistics" 
    type="line" 
    xaxislabel="Page" 
    yaxislabel="Views">
    <cewolf:data>
        <cewolf:producer id="pageViews"/>
    </cewolf:data>
</cewolf:chart>
<p>
<cewolf:img chartid="line" renderer="cewolf" width="400" height="300"/>
<P>
</BODY>
</HTML>
franta-hg@1:

As you can see there are different tags of the cewolf taglib franta-hg@1: involved. The first <cewolf:chart> tag defines a chart with all franta-hg@1: its parameters. The concrete rendering is handled by the franta-hg@1: <cewolf:img> tag which adds the correct <img> tag in the franta-hg@1: rendered HTML page. The connection between both cewolf tags inside the franta-hg@1: JSP is specified by using the same id attributes.

franta-hg@1:

When calling this JSP from a client browser you should see the page franta-hg@1: view statistic chart. If you got a broken image have a look at your franta-hg@1: container's log files.

franta-hg@1:

Step 5: Create ImageMap and Tooltip franta-hg@1: Information>>

franta-hg@1: SourceForge Logo franta-hg@1: franta-hg@1: