" > Build Report
在一个页面显示多个iChart报表_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 id="Build-Report-nbsp-nbsp-nbsp-a-href-baseUrl-report-showReport-shtml-img-src-static-imghw-default-png-data-src-resources-images-goback-png-class-lazy-alt-在一个页面显示多个iChart报表-html-css-WEB-ITnose-a"> Build Report <a href="${baseUrl}/report/showReport.shtml"><img src="/static/imghw/default1.png" data-src="../resources/images/goback.png" class="lazy" alt="在一个页面显示多个iChart报表_html/css_WEB-ITnose" ></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>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在Word複製頁面
Feb 20, 2024 am 10:09 AM
是否要複製MicrosoftWord中的頁面，並保持格式不變？這是一個聰明的想法，因為當您想要建立特定文件佈局或格式的多個副本時，在Word中複製頁面可能是一種有用的節省時間的技術。本指南將逐步引導您在Word中複製頁面的過程，無論是建立範本還是複製文件中的特定頁面。這些簡單的說明旨在幫助您輕鬆地重新製作頁面，省去從頭開始的麻煩。為什麼要在MicrosoftWord中複製頁面？在Word中複製頁面非常有益的原因有以下幾點：當您有一個具有特定佈局或格式的文件要複製時。與從頭開始重新建立整個頁面不同
刪除 Windows 11 搜尋中的新聞和趨勢內容的方法
Oct 16, 2023 pm 08:13 PM
當您按一下Windows11中的搜尋欄位時，搜尋介面會自動展開。它在左側顯示最近程式的列表，在右側顯示Web內容。 Microsoft在那裡顯示新聞和趨勢內容。今天的支票宣傳了必應新的DALL-E3圖像生成功能、「與必應聊天龍」的提議、有關龍的更多資訊、來自網路部分的熱門新聞、遊戲建議和趨勢搜尋部分。整個項目清單與您在電腦上的活動無關。雖然一些用戶可能會喜歡查看新聞的能力，但所有這些都可以在其他地方大量獲得。其他人可能會直接或間接將其歸類為促銷甚至廣告。 Microsoft使用介面來推廣自己的內容，
Windows 11使用者指南：如何停用廣告彈窗
Sep 22, 2023 pm 07:21 PM
Microsoft的Windows11作業系統可能會使用通知系統的電腦上定期將建議顯示為彈出視窗。建議系統最初旨在為使用者提供有關改善Windows11工作流程的提示和建議，現在幾乎完全轉變為推廣Microsoft服務和產品的廣告系統。建議的彈出視窗可能會向用戶宣傳Microsoft365訂閱，建議將Android手機連結到設備，或設定備份解決方案。如果這些彈出視窗惹惱了您，您可以調整系統以完全停用它們。以下指南提供了有關在運行Microosft的Windows11作業系統的裝置上停用彈出建議的
桌面佈局已鎖定的原因及解決方法
Feb 19, 2024 pm 06:08 PM
顯示桌面佈局已鎖定是怎麼回事在使用電腦的過程中，有時我們可能會遇到顯示桌面佈局已鎖定的情況。這個問題意味著我們無法自由地調整桌面圖示的位置或改變桌面背景等操作。那麼，顯示桌面佈局已鎖定到底是怎麼回事？一、理解桌面佈局和鎖定功能首先，我們需要了解桌面佈局和桌面鎖定這兩個概念。桌面佈局是指桌面上各元素的排列方式，包括捷徑、資料夾和小工具等。我們可以自由
如何在iPhone上自訂和編輯待機模式：iOS 17的新功能
Sep 21, 2023 pm 04:01 PM
待機是iOS17更新中的一項新功能，它提供了一種新的增強方式，可以在手機快速閒置時存取資訊。透過StandBy，您可以輕鬆查看時間、查看即將發生的事件、瀏覽日曆、獲取您所在位置的天氣更新等等。啟動後，iPhone在充電時設定為橫向時會直觀地進入待機模式。此功能非常適合床頭櫃等無線充電點，或在日常任務中離開iPhone充電時。它允許您輕掃待機中顯示的各種小部件，以存取來自各種應用程式的不同資訊集。但是，您可能希望根據您的偏好和您經常需要的資訊修改這些小部件，甚至刪除一些小部件。因此，讓我們深入
如何快速刷新網頁？
Feb 18, 2024 pm 01:14 PM
頁面刷新在我們日常的網路使用中非常常見，當我們訪問一個網頁後，有時會遇到一些問題，例如網頁加載不出來或顯示不正常等。這時候我們通常會選擇刷新頁面來解決問題，那麼要如何快速刷新頁面呢？下面我們就來探討頁面刷新的快捷鍵。頁面刷新快捷鍵是一種透過鍵盤操作來快速刷新目前網頁的方法。在不同的作業系統和瀏覽器中，頁面刷新的快捷鍵可能有所不同。下面我們以常見的W
處理Laravel頁面無法正確顯示CSS的方法
Mar 10, 2024 am 11:33 AM
《處理Laravel頁面無法正確顯示CSS的方法，需要具體程式碼範例》在使用Laravel框架開發Web應用程式時，有時候會遇到頁面無法正確顯示CSS樣式的問題，這可能會導致頁面呈現不正常的樣式，影響使用者體驗。本文將介紹一些處理Laravel頁面無法正確顯示CSS的方法，並提供具體的程式碼範例，幫助開發者解決這個常見問題。一、檢查檔案路徑首先要檢查CSS檔案的路徑是
3秒跳轉頁面實作方法：PHP程式指南
Mar 25, 2024 am 10:42 AM
標題：3秒跳轉頁面實作方法：PHP程式設計指南在網頁開發中，頁面跳轉是常見的操作，一般情況下我們使用HTML中的meta標籤或JavaScript的方法進行頁面跳轉。不過，在某些特定的情況下，我們需要在伺服器端進行頁面跳轉。本文將介紹如何使用PHP程式實作一個在3秒內自動跳到指定頁面的功能，同時會給出具體的程式碼範例。 PHP實現頁面跳躍的基本原理PHP是一種在
