Display multiple iChart reports on one page_html/css_WEB-ITnose
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=utf-8" isELIgnored="false"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%><%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%><html> <head> <title>Project Report</title> <c:set var="baseUrl" value="${pageContext.request.contextPath}"/> <%--<link rel="stylesheet" href="../resources/css/bootstrap.min.css"/> <link rel="stylesheet" href="../resources/css/bootstrap-theme.min.css"/>--%> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <script type="text/javascript" src="../resources/js/jquery/jquery-1.9.0.js"></script> <script type="text/javascript" src="../resources/js/ichart.1.2.min.js"></script> <script type="text/javascript" src="../resources/js/randomcolor.js"></script> <script type="text/javascript"> $(function(){ var defaultId = "${defaultSelected}"; $("select option").each(function(){ if($(this).val()==defaultId){ $(this).attr("selected","selected"); } }); //alert(defaultId); <c:forEach var="bntm" items="${buildNameTaskMap}"> <c:forEach var="bntmv" items="${bntm.value}"> var data = [ { value:[${bntmv.value[0]}], color:'#47AAB3' }, { value:[${bntmv.value[1]}], color:'#ECAD55' } ]; var chart = new iChart.BarStacked2D({ render : 'canvasDiv${bntm.key}${bntmv.key}', data: data, width : 400, height : 45, bar_height:25, shadow_blur : 2, shadow_offsetx : 1, shadow_offsety : 0, border:0, showpercent:true, decimalsnum:0, coordinate:{ scale:[{ position:'bottom', scale_enable : false, start_scale:0, end_scale:${bntmv.value[2]}, listeners:{ parseText:function(t,x,y){ return {text:+t} } } }], width:600, height:40 } }); chart.draw(); </c:forEach> </c:forEach> }); </script> </head> <body> <div class="ui-page-head"> <h2> Build Report <a href="${baseUrl}/report/showReport.shtml"><img src="../resources/images/goback.png"></a> </h2> </div> <form action="${baseUrl}/report/buildReport.shtml"> <span>Select a project:</span> <select name="selectedProId"> <c:forEach items="${projectNameId}" var="pni"> <option value="${pni.value}">${pni.key}</option> </c:forEach> </select> <button type="submit" id="submit">search</button> </form><br/> <c:if test="${null ne buildNameTaskMap}"> <table class="ui-table"> <tr> <th>Build Name</th> <th>Task Name</th> <th>Success Times</th> <th>Failure Times</th> <th>Total Times</th> <th>Output Report</th> </tr> <c:forEach var="bntm" items="${buildNameTaskMap}"> <%--Build Name--%> <tr> <td rowspan="${bntm.value.size()+1}"> ${bntm.key} </td> </tr> <c:forEach var="bntmv" items="${bntm.value}"> <tr> <%--Task Name--%> <td>${bntmv.key}</td> <td>${bntmv.value[0]}</td> <td>${bntmv.value[1]}</td> <td>${bntmv.value[2]}</td> <td><div id="canvasDiv${bntm.key}${bntmv.key}"></div></td> <%--用一个for循环将所有的id都包括，在JS中传参。--%> </tr> </c:forEach> </c:forEach> </table> </c:if> <c:if test="${null eq buildNameTaskMap}"> No Output. </c:if> </body></html>
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1659
14
1415
52
1310
25
1258
29
1232
24
How to copy a page in Word
Feb 20, 2024 am 10:09 AM
Want to copy a page in Microsoft Word and keep the formatting intact? This is a smart idea because duplicating pages in Word can be a useful time-saving technique when you want to create multiple copies of a specific document layout or format. This guide will walk you through the step-by-step process of copying pages in Word, whether you are creating a template or copying a specific page in a document. These simple instructions are designed to help you easily recreate your page without having to start from scratch. Why copy pages in Microsoft Word? There are several reasons why copying pages in Word is very beneficial: When you have a document with a specific layout or format that you want to copy. Unlike recreating the entire page from scratch
How to remove news and trending content from Windows 11 Search
Oct 16, 2023 pm 08:13 PM
When you click the search field in Windows 11, the search interface automatically expands. It displays a list of recent programs on the left and web content on the right. Microsoft displays news and trending content there. Today's check promotes Bing's new DALL-E3 image generation feature, the "Chat Dragons with Bing" offer, more information about dragons, top news from the Web section, game recommendations, and the Trending Search section. The entire list of items is independent of your activity on your computer. While some users may appreciate the ability to view news, all of this is abundantly available elsewhere. Others may directly or indirectly classify it as promotion or even advertising. Microsoft uses interfaces to promote its own content,
Windows 11 User Guide: How to disable ad pop-ups
Sep 22, 2023 pm 07:21 PM
Microsoft's Windows 11 operating system may periodically display suggestions as pop-ups on your computer using the notification system. The suggestions system, originally intended to provide users with tips and suggestions for improving their Windows 11 workflows, has almost completely transformed into an advertising system to promote Microsoft services and products. Suggestion pop-ups might advertise a Microsoft 365 subscription to users, suggest linking an Android phone to the device, or set up a backup solution. If these pop-ups annoy you, you can tweak your system to disable them entirely. The following guide provides recommendations on disabling pop-ups on devices running Microsoft’s Windows 11 operating system.
Reasons and solutions for desktop layout being locked
Feb 19, 2024 pm 06:08 PM
What happens when the desktop layout is locked? When using the computer, sometimes we may encounter the situation where the desktop layout is locked. This problem means that we cannot freely adjust the position of desktop icons or change the desktop background. So, what exactly is going on when it says that the desktop layout is locked? 1. Understand the desktop layout and locking functions. First, we need to understand the two concepts of desktop layout and desktop locking. Desktop layout refers to the arrangement of various elements on the desktop, including shortcuts, folders, widgets, etc. we can be free
How to customize and edit standby mode on iPhone: What's new in iOS 17
Sep 21, 2023 pm 04:01 PM
Standby is a new feature in the iOS 17 update that provides a new and enhanced way to access information when your phone is idle quickly. With StandBy, you can conveniently check the time, view upcoming events, browse your calendar, get weather updates for your location, and more. Once activated, the iPhone will intuitively enter standby mode when set to landscape while charging. This feature is perfect for wireless charging points like your bedside table, or when you're away from your iPhone charging during daily tasks. It allows you to swipe through various widgets displayed in standby to access different sets of information from various applications. However, you may want to modify these widgets or even delete some based on your preferences and the information you need frequently. So let's dive into
How to quickly refresh a web page?
Feb 18, 2024 pm 01:14 PM
Page refresh is very common in our daily network use. When we visit a web page, we sometimes encounter some problems, such as the web page not loading or displaying abnormally, etc. At this time, we usually choose to refresh the page to solve the problem, so how to refresh the page quickly? Let’s discuss the shortcut keys for page refresh. The page refresh shortcut key is a method to quickly refresh the current web page through keyboard operations. In different operating systems and browsers, the shortcut keys for page refresh may be different. Below we use the common W
How to deal with the problem that Laravel page cannot display CSS correctly
Mar 10, 2024 am 11:33 AM
"Methods to handle Laravel pages that cannot display CSS correctly, need specific code examples" When using the Laravel framework to develop web applications, sometimes you will encounter the problem that the page cannot display CSS styles correctly, which may cause the page to render abnormal styles. Affect user experience. This article will introduce some methods to deal with the failure of Laravel pages to display CSS correctly, and provide specific code examples to help developers solve this common problem. 1. Check the file path. First check the path of the CSS file.
How to implement page jump in 3 seconds: PHP Programming Guide
Mar 25, 2024 am 10:42 AM
Title: Implementation method of page jump in 3 seconds: PHP Programming Guide In web development, page jump is a common operation. Generally, we use meta tags in HTML or JavaScript methods to jump to pages. However, in some specific cases, we need to perform page jumps on the server side. This article will introduce how to use PHP programming to implement a function that automatically jumps to a specified page within 3 seconds, and will also give specific code examples. The basic principle of page jump using PHP. PHP is a kind of
