POLARBUBBLE.jsp 2.44 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
<%@page import="ChartDirector.*" %>
<%
//The data for the chart
double[] data0 = {6, 12.5, 18.2, 15};
double[] angles0 = {45, 96, 169, 258};
double[] size0 = {41, 105, 12, 20};

double[] data1 = {18, 16, 11, 14};
double[] angles1 = {30, 210, 240, 310};
double[] size1 = {30, 45, 12, 90};

//Create a PolarChart object of size 460 x 460 pixels
PolarChart c = new PolarChart(460, 460);

//Add a title to the chart at the top left corner using 15pts Arial Bold Italic
//font
c.addTitle2(Chart.TopLeft, "<*underline=2*>EM Field Strength", "arialbi.ttf", 15
    );

//Set center of plot area at (230, 240) with radius 180 pixels
c.setPlotArea(230, 240, 180);

//Set the grid style to circular grid
c.setGridStyle(false);

//Add a legend box at the top right corner of the chart using 9 pts Arial Bold
//font
c.addLegend(459, 0, true, "arialbd.ttf", 9).setAlignment(Chart.TopRight);

//Set angular axis as 0 - 360, either spoke every 30 units
c.angularAxis().setLinearScale(0, 360, 30);

//Set the radial axis label format
c.radialAxis().setLabelFormat("{value} km");

//Add a blue (0x9999ff) line layer to the chart using (data0, angle0)
PolarLineLayer layer0 = c.addLineLayer(data0, 0x9999ff, "Cold Spot");
layer0.setAngles(angles0);

//Disable the line by setting its width to 0, so only the symbols are visible
layer0.setLineWidth(0);

//Use a circular data point symbol
layer0.setDataSymbol(Chart.CircleSymbol, 11);

//Modulate the symbol size by size0 to produce a bubble chart effect
layer0.setSymbolScale(size0);

//Add a red (0xff9999) line layer to the chart using (data1, angle1)
PolarLineLayer layer1 = c.addLineLayer(data1, 0xff9999, "Hot Spot");
layer1.setAngles(angles1);

//Disable the line by setting its width to 0, so only the symbols are visible
layer1.setLineWidth(0);

//Use a circular data point symbol
layer1.setDataSymbol(Chart.CircleSymbol, 11);

//Modulate the symbol size by size1 to produce a bubble chart effect
layer1.setSymbolScale(size1);

//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">
    Polar Bubble 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>