<%@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>