<%@page import="ChartDirector.*" %>
<%
//The data for the bar chart
double[] data0 = {90, 75, 45, 47, 67, 58, 93, 83, 89, 90, 92, 93, 87};
double[] data1 = {85, 79, 59, 58, 70, 68, 89, 87, 85, 85, 95, 94, 92};

String[] labels = {"Leadership & Team Management", "Responsibility & Attitude", "Change & Crisis Management", "Job delegation & follow up", "Systematic Thinking","Personal Mastery","Develop Others","Human Relation & \n Cross function Management","Job Effectiveness","Job Quantity","Work ethic","Information & Analysis","Competency & Skill Development"};

//Create a XYChart object of size 300 x 240 pixels
XYChart c = new XYChart(700, 370);

//Add a title to the chart using 10 pt Arial font
c.addTitle("         ASSESSMENT SUMMARY", "", 10);

//Set the plot area at (45, 25) and of size 239 x 180. Use two alternative
//background colors (0xffffc0 and 0xffffe0)
c.setPlotArea(200, 45, 350, 280).setBackground(0xFFFFFF, 0xF0F0F0);

//Add a legend box at (45, 20) using horizontal layout. Use 8 pt Arial font,
//with transparent background
c.addLegend(45, 20, false, "", 8).setBackground(Chart.Transparent);

//Add a title to the y-axis
c.yAxis().setTitle("ASSESSMENT SCORE (%)");

//Reserve 20 pixels at the top of the y-axis for the legend box
c.yAxis().setTopMargin(20);

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

//Set Horizontal
c.swapXY();

//Add a multi-bar layer with 3 data sets
Layer layer = c.addBarLayer2(Chart.Side, 2);
layer.addDataSet(data0, 0xFF9933, "YEAR 2001");
layer.addDataSet(data1, 0x0099CC, "YEAR 2002");

//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">
    Multi-Bar 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>