Create a bar chart in JSP page using JFreeChart

This Example shows you how to create a bar chart in JSP page using JFreeChart. Code given below creates a bar chart of scores of two teams in matches.

Create a bar chart in JSP page using JFreeChart

Create a bar chart in JSP page using JFreeChart

     

This Example shows you how to create a bar chart in JSP page using JFreeChart. Code given below creates a bar chart of scores of two teams in matches.

In the code given below we have extended class ApplicationFrame to create a frame and also pass a string value to the constructor of ApplicationFrame class by using super keyword that will be name of the created frame.

Methods used in this example are described below:

pack(): This method invokes the layout manager.

centerFrameOnScreen(): This method is used for the position of the frame in the middle of the screen.

setVisible(): This method is used for display frame on the screen.

createCategoryDataset(): This method is used to create the instance of CategoryDataset Interface and that contains a copy of the data in an array.

saveChartAsPNG(): This method is used to save chart in to png format.

jspbarchart.jsp


<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ page  import="java.awt.*" %>
<%@ page  import="java.io.*" %>
<%@ page  import="org.jfree.chart.*" %>
<%@ page  import="org.jfree.chart.axis.*" %>
<%@ page  import="org.jfree.chart.entity.*" %>
<%@ page  import="org.jfree.chart.labels.*" %>
<%@ page  import="org.jfree.chart.plot.*" %>
<%@ page  import="org.jfree.chart.renderer.category.*" %>
<%@ page  import="org.jfree.chart.urls.*" %>
<%@ page  import="org.jfree.data.category.*" %>
<%@ page  import="org.jfree.data.general.*" %>

<%
  final double[][] data = new double[][]{
  {210, 300, 320, 265, 299},
  {200, 304, 201, 201, 340}
 };

  final CategoryDataset dataset = 
   DatasetUtilities.createCategoryDataset(
  "Team ", "", data);

  JFreeChart chart = null;
  BarRenderer renderer = null;
  CategoryPlot plot = null;


  final CategoryAxis categoryAxis = new CategoryAxis("Match");
  final ValueAxis valueAxis = new NumberAxis("Run");
  renderer = new BarRenderer();

  plot = new CategoryPlot(dataset, categoryAxis, valueAxis, 
  renderer);

  plot.setOrientation(PlotOrientation.VERTICAL);
  chart = new JFreeChart("Srore Bord", JFreeChart.DEFAULT_TITLE_FONT, 
   plot, true);

  chart.setBackgroundPaint(new Color(249, 231, 236));

  Paint p1 = new GradientPaint(
 0.0f, 0.0f, new Color(16, 89, 172), 0.0f, 0.0f, new Color
    (201, 201, 244));

  renderer.setSeriesPaint(1, p1);

  Paint p2 = new GradientPaint(
  0.0f, 0.0f, new Color(255, 35, 35), 0.0f, 0.0f, new Color
    (255, 180, 180));

  renderer.setSeriesPaint(2, p2);

  plot.setRenderer(renderer);

  try {
  final ChartRenderingInfo info = new ChartRenderingInfo
    (new StandardEntityCollection());
 final File file1 = new File("../webapps/jspchart/web/barchart.png");
  ChartUtilities.saveChartAsPNG(file1, chart, 600, 400, info);
  } catch (Exception e) {
 out.println(e);
  }
%>

<html>
  <head>
  <meta http-equiv="Content-Type" 
   content="text/html; charset=UTF-8" >
  <!meta  http-equiv="refresh" content="1">
  <title>JSP Page</title>
  </head>
  
  <body>
  <IMG SRC="barchart.png" WIDTH="600" 
  HEIGHT="400" BORDER="0" USEMAP="#chart">
  </body>
</html>


Output:



Download code

Tutorials

  1. Chart & Graphs Tutorials in Java
  2. Introduction to Graphs and Charts
  3. Types of Graphs and Charts
  4. Open Source Charting and Reporting Tools in Java
  5. JFreeChart - An Introduction
  6. Pie Chart
  7. 3D Pie Chart
  8. Area Chart
  9. XYArea Chart
  10. XYLine Chart
  11. Bar Chart
  12. 3D Bar Chart
  13. WaterFall Chart
  14. Polar Chart
  15. Bar Chart Example using JFreeChart
  16. Horizontal Bar Chart Example using JFreeChart
  17. Stacked 3d Bar Chart Example using JFreeChart
  18. Stacked Bar Chart using JFreeChart
  19. Stacked Bar Chart Example using JFreeChart
  20. Category Step Chart Example using JFreeChart
  21. Candle Stick Chart Example using JFreeChart
  22. Box And Whisker Chart Example using JFreeChart
  23. Combined Category Plot Example using JFreeChart
  24. Create a pie chart in jsp page using JFreeChart
  25. Create multiple pie chart in single frame using JFreeChart
  26. Create a bar chart in JSP page using JFreeChart
  27. Create area chart in JSP page using JFreeChart
  28. Create a 3D bar chart in JSP page using JFreeChart
  29. Create a polar chart using JFreeChart
  30. Create a dual axis chart using JFreeChart