Question

正在尝试使用Google图表API创建时间线图表。

我的数据源是Java中包含这些值的ArrayList。 [TASK1,10-01-2018，20-02-2018，TASk2，11-02-2018，21-03-2018，TASK3，15-03-2018，19-04-2018]

在“我的页面”中需要呈现图表的 1.我尝试用图表填充dataTable 2.还尝试创建一个Array并使用array填充dataTable。

请找到图表生成页面和输出。

在两种情况下都无法按要求获得认沽权。

    enter code here

        <%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
  import="java.util.ArrayList,java.util.Date,java.util.*,java.text.SimpleDateFormat;"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html> 
    <html>
   <head>
    <!--Load the AJAX API-->
     <script type="text/javascript" src="gc/loader.js"></script>
     <script type="text/javascript"> 



        google.charts.load('current', {'packages':['timeline']});
        google.charts.setOnLoadCallback(drawChart);


      function drawChart() {

          var task;var start;var end;

          var data = new google.visualization.DataTable();
          data.addColumn('string','task');
          data.addColumn('date','start');
          data.addColumn('date','end');

       <% 
       ArrayList myData= (ArrayList)session.getAttribute("myData= "); 
       int totrow = pertData.size();   
       int loopcount =0,rowindex=1;    

       %>  



       <%

            while (loopcount<totrow   )
            {


         %> 





                     task ='<%=myData.get(loopcount).toString()%>';        
                     start=new Date(<%=myData.get(loopcount+1).toString()%>); 
                     end = new Date(<%= myData.get(loopcount+2).toString()%>);               
                     data.addRow([task,start,end]);                             

         <%     
         loopcount=loopcount+4;  
            }
         %>      
        var chart = new 
    google.visualization.Timeline(document.getElementById('chart_div'));          
        chart.draw(data);        
         }


       </script>
     </head>

     <body>
          <div id="chart_div" style="height: 2000px;"></div> 
      </body>
  </html>

使用Google图表和Java arraylist作为数据源的时间线图表

0 个答案: