<%@page import="ChartDirector.*" %>
<%@page import="java.util.Date" %>
<%
//
//    We use a random table to simulate generating 12 months of data
//

//Create the random table object with 4 cols * 12 rows, using 3 as seed
RanTable rantable = new RanTable(3, 4, 12);

//Set the 1st column to be the 12 months of year 2002
rantable.setDateCol(0, new Date(102, 0, 1), 86400 * 30);

//Set the 2nd, 3rd and 4th columns to be random numbers starting from 125, 75,
//and 100 respectively. The change between rows is set to -35 to + 35. The
//minimum value of any cell is 0.
rantable.setCol(1, 125, -35, 35, 0);
rantable.setCol(2, 75, -35, 35, 0);
rantable.setCol(3, 100, -35, 35, 0);

//Get the 1st column (time) as the x data
double[] dataX = rantable.getCol(0);

//Get the 2nd, 3rd and 4th columns as 3 data sets
double[] dataY0 = rantable.getCol(1);
double[] dataY1 = rantable.getCol(2);
double[] dataY2 = rantable.getCol(3);

//Create a XYChart object of size 360 x 400 pixels
XYChart c = new XYChart(360, 400);

//Add a title to the chart
c.addTitle("<*underline=2*>Rotated Line Chart Demo", "timesbi.ttf", 14);

//Set the plotarea at (60, 75) and of size 190 x 320 pixels. Turn on both
//horizontal and vertical grid lines with light grey color (0xc0c0c0)
c.setPlotArea(60, 75, 190, 320).setGridColor(0xc0c0c0, 0xc0c0c0);

//Add a legend box at (270, 75)
c.addLegend(270, 75);

//Swap the x and y axis to become a rotated chart
c.swapXY();

//Set the y axis on the top side (right + rotated = top)
c.setYAxisOnRight();

//Add a title to the y axis
c.yAxis().setTitle("Throughput (MBytes)");

//Reverse the x axis so it is pointing downwards
c.xAxis().setReverse();

//Add a line chart layer using the given data
LineLayer layer = c.addLineLayer2();
layer.setXData(dataX);
layer.addDataSet(dataY0, 0xff0000, "Server A");
layer.addDataSet(dataY1, 0x338033, "Server B");
layer.addDataSet(dataY2, 0xff, "Server C");

//Set the line width to 2 pixels
layer.setLineWidth(2);

//output the chart
request.getSession().setAttribute("chart1", c.makeChart2(Chart.PNG));
%>
<html>
<body topmargin=0 leftmargin=5 rightmargin=0 marginwidth=5 marginheight=0>
<div style="font-size:18pt; font-family:verdana; font-weight:bold">
    Rotated Line Chart
</div>
<hr color="#000080">
<div style="font-size:10pt; font-family:verdana">
    <a href="VIEWSOURCE.jsp?file=<%=request.getServletPath()%>">
        View Chart Source Code
    </a>
</div>
<br>
<img src="chart1.chart?no_cache=<%=Chart.getUniqueId()%>">
</body>
</html>