BOXWHISKER.jsp 1.89 KB
Newer Older
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
<%@page import="ChartDirector.*" %>
<%
//Sample data for the Box-Whisker chart. Represents the minimum, 1st quartile,
//medium, 3rd quartile and maximum values of some quantities
double[] Q0Data = {40, 45, 40, 30, 20, 50, 25, 44};
double[] Q1Data = {55, 60, 50, 40, 38, 60, 51, 60};
double[] Q2Data = {62, 70, 60, 50, 48, 70, 62, 70};
double[] Q3Data = {70, 80, 65, 60, 53, 78, 69, 76};
double[] Q4Data = {80, 90, 75, 70, 60, 85, 80, 84};

//The labels for the chart
String[] labels = {"Group A", "Group B", "Group C", "Group D", "Group E",
    "Group F", "Group G", "Group H"};

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

//Set the plotarea at (50, 25) and of size 450 x 200 pixels. Enable both
//horizontal and vertical grids by setting their colors to grey (0xc0c0c0)
c.setPlotArea(50, 25, 450, 200).setGridColor(0xc0c0c0, 0xc0c0c0);

//Add a title to the chart
c.addTitle("Computer Vision Test Scores");

//Set the labels on the x axis and the font to Arial Bold
c.xAxis().setLabels(labels).setFontStyle("arialbd.ttf");

//Set the font for the y axis labels to Arial Bold
c.yAxis().setLabelStyle("arialbd.ttf");

//Add a Box Whisker layer using light blue 0x9999ff as the fill color and blue
//(0xcc) as the line color. Set the line width to 2 pixels
c.addBoxWhiskerLayer(Q1Data, Q3Data, Q4Data, Q0Data, Q2Data, 0x9999ff, 0xcc
    ).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">
    Box Whisker 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>