<%@page import="ChartDirector.*" %>
<%
//The data for the bar chart
double[] data = {-6.3, 2.3, 0.7, -3.4, 2.2, -2.9, -0.1, -0.1, 3.3, 6.2, 4.3, 1.6
    };

//The labels for the bar chart
String[] labels = {"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
    "Sep", "Oct", "Nov", "Dec"};

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

//Add a title to the chart using Arial Bold Italic font
c.addTitle("Productivity Change - Year 2001", "arialbi.ttf");

//Set the plotarea at (50, 30) and of size 400 x 250 pixels
c.setPlotArea(50, 30, 400, 250);

//Add a bar layer to the chart
Layer layer = c.addBarLayer2();

//Add a data set to the bar using a y zone color. The color is configured to be
//orange (0xff6600) below zero, and blue (0x6666ff) above zero.
layer.addDataSet(data, layer.yZoneColor(0, 0xff6600, 0x6666ff));

//Add labels to the top of the bar using 8 pt Arial Bold font. The font color is
//configured to be red (0xcc3300) below zero, and blue (0x3333ff) above zero.
layer.setAggregateLabelStyle("arialbd.ttf", 8, layer.yZoneColor(0, 0xcc3300,
    0x3333ff));

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

//Draw the y axis on the right of the plot area
c.setYAxisOnRight(true);

//Use Arial Bold as the y axis label font
c.yAxis().setLabelStyle("arialbd.ttf");

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

//Add a light blue (0xccccff) zone for positive part of the plot area
c.yAxis().addZone(0, 9999, 0xccccff);

//Add a pink (0xffffcc) zone for negative part of the plot area
c.yAxis().addZone(-9999, 0, 0xffcccc);

//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">
    Positive Negative Bars
</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>