在一个页面显示多个iChart报表_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

在一个页面显示多个iChart报表_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:59 AM

多个报表显示页面

<%@ 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-imghwm-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/imghwm/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>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

如何在Word中复制页面Feb 20, 2024 am 10:09 AM

是否要复制MicrosoftWord中的页面，并保持格式不变？这是一个聪明的想法，因为当您想要创建特定文档布局或格式的多个副本时，在Word中复制页面可能是一种有用的节省时间的技术。本指南将逐步引导您在Word中复制页面的过程，无论是创建模板还是复制文档中的特定页面。这些简单的说明旨在帮助您轻松地重新制作页面，省去从头开始的麻烦。为什么要在MicrosoftWord中复制页面？在Word中复制页面非常有益的原因有以下几点：当您有一个具有特定布局或格式的文档要复制时。与从头开始重新创建整个页面不同

iOS 17 的待机模式将正在充电的 iPhone 变成家庭集线器Jun 06, 2023 am 08:20 AM

iOS17中的Apple正在引入待机模式，这是一种新的显示体验，专为水平方向的充电iPhone而设计。处于这个位置的iPhone能够显示一系列全屏小部件，将其变成一个有用的家庭中心。待机模式会在水平放置在充电器上运行iOS17的iPhone上自动激活。您可以查看时间、天气、日历、音乐控制、照片等信息。您可以通过可用的待机选项向左或向右滑动，然后长按或向上/向下滑动以进行自定义。例如，随着时间的流逝，您可以从模拟视图、数字视图、气泡字体和日光视图中进行选择，其中背景颜色会根据时间而变化。有一些选项

如何快速刷新网页？Feb 18, 2024 pm 01:14 PM

页面刷新在我们日常的网络使用中非常常见，当我们访问一个网页后，有时候会遇到一些问题，比如网页加载不出来或者显示不正常等。这时候我们通常会选择刷新页面来解决问题，那么如何快速地刷新页面呢？下面我们就来探讨一下页面刷新的快捷键。页面刷新快捷键是一种通过键盘操作来快速刷新当前网页的方法。在不同的操作系统和浏览器中，页面刷新的快捷键可能有所不同。下面我们以常见的W

如何在iPhone上自定义和编辑待机模式：iOS 17的新功能Sep 21, 2023 pm 04:01 PM

待机是iOS17更新中的一项新功能，它提供了一种新的增强方式，可以在手机快速闲置时访问信息。通过StandBy，您可以方便地查看时间、查看即将发生的事件、浏览日历、获取您所在位置的天气更新等等。激活后，iPhone在充电时设置为横向时会直观地进入待机模式。此功能非常适合床头柜等无线充电点，或者在日常任务中离开iPhone充电时。它允许您轻扫待机中显示的各种小部件，以访问来自各种应用程序的不同信息集。但是，您可能希望根据您的偏好和您经常需要的信息修改这些小部件，甚至删除一些小部件。因此，让我们深入

3秒跳转页面实现方法：PHP编程指南Mar 25, 2024 am 10:42 AM

标题：3秒跳转页面实现方法：PHP编程指南在网页开发中，页面跳转是常见的操作，一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过，在某些特定的情况下，我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能，同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

处理Laravel页面无法正确显示CSS的方法Mar 10, 2024 am 11:33 AM

《处理Laravel页面无法正确显示CSS的方法，需要具体代码示例》在使用Laravel框架开发Web应用时，有时候会遇到页面无法正确显示CSS样式的问题，这可能会导致页面呈现不正常的样式，影响用户体验。本文将介绍一些处理Laravel页面无法正确显示CSS的方法，并提供具体的代码示例，帮助开发者解决这一常见问题。一、检查文件路径首先要检查CSS文件的路径是

重新排列、禁用和删除 iPhone 主屏幕页面的方法Nov 29, 2023 am 08:22 AM

在iOS中，Apple允许您禁用iPhone上的单个主屏幕页面。还可以重新排列主屏幕页面的顺序，并直接删除页面，而不仅仅是禁用它们。这是它的工作原理。如何重新排列主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏幕页面的圆点行。在显示的主屏幕网格中，轻触并拖动页面以将其相对于其他页面重新排列。其他人会移动以响应您的拖拽动作。当您对新排列感到满意时，点击屏幕右上角的“完成”，然后再次点击“完成”以退出抖动模式。如何禁用或删除主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏

如何在 Windows 11 中立即打开实时字幕Jun 27, 2023 am 08:33 AM

如何在Windows11中立即打开实时字幕1.在键盘上预赢+按Ctrl+L2.点击同意3.将显示一个弹出窗口，显示准备以英语（美国）添加字幕（取决于您的首选语言）4.此外，您还可以通过单击齿轮按钮来过滤亵渎？偏好？过滤脏话相关文章如何修复Windows服务器中的激活错误代码0xc004f069Windows上的激活过程有时会突然转向显示包含此错误代码0xc004f069的错误消息。虽然激活过程已经联机，但一些运行WindowsServer的旧系统可能会遇到此问题。通过这些初步检查，如果这些检查不

See all articles