使用 JSP 创建条形图答案

【问题标题】：Creating a bar chart using JSP使用 JSP 创建条形图
【发布时间】：2014-11-27 07:29:05
【问题描述】：

如何使用 jsp 通过数据库中的数据创建条形图。我在我的数据库中创建了两个表 (1)cust_entry,(2)cust_response.so 请给我一个正确的代码以及将您的代码放在我的编码中的位置.

提前致谢。

谢谢

            <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Customer Response</title>
</head>
<body>
    <%@page import="java.sql.*" %>
    <%! String Name,date,Desg,Org,Add,Q1,Q2,Q3,Q4,Q5,Q6,Q7,Q8,Q9,Q10,Q11,Q12,Q13,Q14,Q15,Q16;
    Connection con=null;
    Statement Stmt=null;
   // Statement Stmt1=null;
//    ResultSet rs=null;
    String drivername="com.mysql.jdbc.Driver";
    String url="jdbc:mysql://106.197.161.194/WiproFeedBack.jsp/wipro";
    String user="root";
    String password ="root";
    %>

            <% 
               Name= request.getParameter("Person");
             date= request.getParameter("Date");
                Desg=request.getParameter("Designation");
             Org=request.getParameter("Organisation");
             Add=request.getParameter("Address");
                 Q1=request.getParameter("group1");
               Q2=request.getParameter("group2");
                   Q3=request.getParameter("group3");
                   Q4=request.getParameter("group4");
                  Q5=request.getParameter("group5");
                     Q6=request.getParameter("group6");
                  Q7=request.getParameter("group7");
                     Q8=request.getParameter("group8");
                    Q9=request.getParameter("group9");
                      Q10=request.getParameter("group10");
                   Q11=request.getParameter("group11");
                     Q12=request.getParameter("group12");
                      Q13=request.getParameter("group13");
                 Q14=request.getParameter("group14");
                  Q15=request.getParameter("group15");
                   Q16=request.getParameter("group16");
                  %>
    <%
    try{
        Class.forName(drivername);
       Connection con=DriverManager.getConnection(url,user,password);
         Statement Stmt = con.createStatement();
         Stmt.executeUpdate("insert into cust_entry(Name,Date,Desg,Org,Address)  values('"+Name+"','"+date+"','"+Desg+"','"+Org+"','"+Add+"')");

         Stmt.executeUpdate("insert into  cust_response(Q1,Q2,Q3,Q4,Q5,Q6,Q7,Q8,Q9,Q10,Q11,Q12,Q13,Q14,Q15,Q16) values('"+Q1+"','"+Q2+"','"+Q3+"','"+Q4+"','"+Q5+"','"+Q6+"','"+Q7+"','"+Q8+"','"+Q9+"','"+Q10+"','"+Q11+"','"+Q12+"','"+Q13+"','"+Q14+"','"+Q15+"','"+Q16+"')");
    }catch(SQLException  e)
    {
        System.out.println(e);
    }

    %>

           Name :<%=Name%>
          <br>
           Date:<%=date%>
                 <br>
             Desg:<%=Desg%>
                <br>
             Org:<%=Org%>
                   <br>
               Add:<%=Add%>
                  <br>
               group1:<%=Q1%>
                    <br>
              group2:<%=Q2%>
                   <br>
                group3:<%=Q3%>
                   <br>
                  group4:<%=Q4%>
                  <br>
                  group5:<%=Q5%>
                       <br>
               group6:<%=Q6%>
                  <br>
                  group7:<%=Q7%>
                    <br>
                group8:<%=Q8%>
                     <br>
                 group9:<%=Q9%>
                    <br>
                  group10:<%=Q10%>
                      <br>
                    group11:<%=Q11%>
                       <br>
                       group12:<%=Q12%>
                          <br>
                        group13:<%=Q13%>
                           <br>
                      group14:<%=Q14%>
                            <br>
                       group15:<%=Q15%>
                           <br>
                           group16:<%=Q16%>
              </body>
                 </html>

【问题讨论】：

实际上我们不能给你代码，因为这不是一个代码转储站点。如果您遇到任何问题，我们随时为您提供帮助。所以最好的就是表现出一些努力
好的....先生，我把我的jsp代码发给你了。
感谢 rply 我...bt 我在一些图书馆中使用 bt 结果失败。
图表[Extjs, YUI, Mootools]有很多可用的javascript库，你可以选择其中任何一个。您说您已经使用了库，但结果失败意味着您没有正确使用库。在应用或直接复制粘贴代码之前，如果您可以阅读库文档并将示例代码与您的要求相关联会更好。
是的，先生，我知道很多图书馆都可用于图表.....bt 我直接复制粘贴代码。请给我一个代码以及如何在我的代码中添加您的代码....

标签： java jsp charts bar-chart

【解决方案1】：

使用 highcharts 库...把你的动态 jsp 值放进去。

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    xAxis: {
        categories: ['Q_1', 'Q_2', 'Q_3', 'Q_4']
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        for (var i = 0; i < this.series.data.length; i++) {
                            this.series.data[i].update({ color: '#ECB631' }, true, false);
                        }
                        this.update({ color: '#f00' }, true, false)
                    }
                }
            }
        }
    },

    series: [{
        data: [<%=Q_1%>,<%=Q_2%>,<%=Q_3%>,<%=Q_4%>]        
    }]
});
});

【讨论】：

谢谢你给我一个代码......但是请先生告诉我，在我的代码中这个代码的哪个地方使用......
jsfiddle.net/shawson/CkkbF/8 参考这个您将获得 html example.create jsp 页面并使用您现有的代码并简单地将您的 bar 值串联起来：[{ data: [,,,] }]
abhijeet 先生......如果你不介意，请给我一个联系号码。我想和你谈谈。请......

【解决方案2】：

这是在 jsp 中创建饼图的正确代码。

         <%@page contentType="text/html" pageEncoding="UTF-8"%>
         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
              "http://www.w3.org/TR/html4/loose.dtd">

          <%@ page  import="java.awt.*" %>
            <%@ page  import="java.io.*" %>
               <%@ page  import="org.jfree.chart.*" %>
            <%@ page  import="org.jfree.chart.entity.*" %>
             <%@ page  import ="org.jfree.data.general.*"%>
              <%
            final DefaultPieDataset data = new DefaultPieDataset();
             data.setValue("one", new Double(29.26));
             data.setValue("two", (10.0));
            data.setValue("three", new Double(27.5));
               data.setValue("four", new Double(17.5));
             data.setValue("five", new Double(11.0));
             data.setValue("six", new Double(19.4));

              JFreeChart chart = ChartFactory.createPieChart
              ("Pie Chart ", data, true, true, false);

              try {
              final ChartRenderingInfo info = new 
                   ChartRenderingInfo(new StandardEntityCollection());

              final File file1 = new File("C:/FeedBack/piechart.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">
             <title>JSP Page</title>
            </head>
            <body>
             <IMG SRC="piechart.png" WIDTH="600" HEIGHT="400" 
           BORDER="0" USEMAP="#chart">
           </body>
            </html>

【讨论】：