MARKZONE.jsp 2.8 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 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
<%@page import="ChartDirector.*" %>
<%
//The data for the chart
double[] data = {40, 45, 37, 24, 32, 39, 53, 52, 63, 49, 46, 40, 54, 50, 57, 57,
    48, 49, 63, 67, 74, 72, 70, 89, 74};
String[] labels = {"0\nJun 4", "-", "-", "3", "-", "-", "6", "-", "-", "9", "-",
    "-", "12", "-", "-", "15", "-", "-", "18", "-", "-", "21", "-", "-",
    "0\nJun 5"};

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

//Set the plotarea at (80, 60) and of size 300 x 200 pixels. Turn off the grid
//lines by setting their colors to Transparent.
c.setPlotArea(80, 28, 300, 200).setGridColor(Chart.Transparent);

//Add a title to the y axis
ChartDirector.TextBox textbox = c.yAxis().setTitle("Temperature");

//Set the y axis title upright (font angle = 0)
textbox.setFontAngle(0);

//Put the y axis title on top of the axis
textbox.setAlignment(Chart.Top);

//Move the y axis title by (-36, 8) (36 pixels left, 8 pixels up)
textbox.setPos(-36, 8);

//Add green (0x99ff99), yellow (0xffff99) and red (0xff9999) zones to the y axis
//to represent the ranges 0 - 50, 50 - 80, and 80 - max.
c.yAxis().addZone(0, 50, 0x99ff99);
c.yAxis().addZone(50, 80, 0xffff99);
c.yAxis().addZone(80, 9999, 0xff9999);

//Add a purple (0x800080) mark at y = 70 using a line width of 2.
c.yAxis().addMark(70, 0x800080, "Alert = 70").setLineWidth(2);

//Add a green (0x008000) mark at y = 40 using a line width of 2.
c.yAxis().addMark(40, 0x8000, "Watch = 40").setLineWidth(2);

//Add a legend box at (165, 0) (top right of the chart) using 8 pts Arial font.
//and horizontal layout.
LegendBox legend = c.addLegend(165, 0, false, "arialbd.ttf", 8);

//Disable the legend box boundary by setting the colors to Transparent
legend.setBackground(Chart.Transparent, Chart.Transparent);

//Add 3 custom entries to the legend box to represent the 3 zones
legend.addKey("Normal", 0x80ff80);
legend.addKey("Warning", 0xffff80);
legend.addKey("Critical", 0xff8080);

//Set the labels on the x axis
c.xAxis().setLabels(labels);

//Add a 3D bar layer with the given data
BarLayer layer = c.addBarLayer(data, 0xbbbbff);

//Set the bar gap to 0 so that the bars are packed tightly
layer.setBarGap(0);

//Set the border color of the bars same as the fill color, with 1 pixel 3D
//border effect.
layer.setBorderColor(Chart.SameAsMainColor, 1);

//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">
    Marks and Zones
</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>