在一个页面显示多个iChart报表

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

在一个页面显示多个iChart报表

时间: 2024-10-22 05:06:47

在一个页面显示多个iChart报表的相关文章

html在一个页面显示另一个页面的部分内容

老板今天让在网站上面显示实时监控画面,研究了一早,找了个简单的方法 先把监控分享在网上(我使用的海康威视摄像头,分享到萤石直播http://square.ys7.com/square/index.jsp),然后在自己的网站上面截取视频部分就可以了. 下面是自己的代码: <body> <div align="center" style="margin:0 auto;"> <div style="width:800px;heigh

HTML5中与页面显示相关的API

1.HTML5中与页面显示相关的API 在HTML5中,增加了几个与页面显示相关的API,其中一个是Page Visibility API Page Visibility API  是指当页面变为最小化状态或者用户将浏览器标签切换到其他标签时会触发. Page Visibility API的使用场合如下: 一个应用程序中具有多幅图片的幻灯片式的连续播放功能,当页面变为不可见状态(最小化状态或者将用户浏览器标签切换到其他标签时),图片停止播放,当页面变为可见状态时,图片继续播放. 在一个实时显示服

在同一页面显示多个JavaScript统计图表

最近我接到一个开发任务,要求就"售后服务客户满意度调查问卷表"里客户填写的反馈答案做一个统计. 问题的例子如下: 您最后一次是何时购买了我们的产品? 服务人员服务态度是否友好.工作尽职尽责? 您对我公司提供的售后服务总体感觉如何? ... 我要实现的功能是出一个报表,在同一个页面显示对于每个问题,每个答案的总共出现次数. 我实现了一个简单的效果,如下图所示: 当然六个图标用的都是一模一样的测试数据,主要解决了多个图表出现在同一个页面里的布局问题. 大家用下面这个链接测试下效果.用Chr

python Django注册页面显示头像

python Django注册页面显示头像(views) def register(request): ''' 注册 :param request: :return: ''' if request.method=='GET': obj = Register(request) return render(request, 'register.html', {'obj': obj}) else: obj = Register(request,request.POST,request.FILES) i

网页请求到页面显示的过程描述

1.在浏览器中输入网址 2.发送至DNS服务器获得web服务器的ip地址 3.建立TCP连接 4.浏览器向web服务器发送http请求 5.web服务器响应请求并返回url数据,或者错误信息,如果设置从定向,则返回新的url地址 6.浏览器下载数据并解析html源文件,同时对网页进行排版,最后将html基础页面显示在浏览器中 7.分析网页中的超链接显示在当前页面,直到没有超链接需要发送,页面显示完成.

后台数值往前台传值,能获取到值,页面显示不出来的问题

今天遇到一个很头疼的问题,就是后的集合转成json后,网前台传值,可以获取到值,但是页面显示不出来.查了好多的资料都没有得到解决. 查看了资料后发现,ajax少写了一个属性就是dataType:"json"这个属性,这个属性是返回值的格式,这个属性必须要写的.朋友们写代码的时候一定要注意,不要大意. 这些小细节问题很难发现. 1 @RequestMapping("manger") 2 @ResponseBody 3 public String selectAllUs

如何在jsp页面显示存储在数据库的图片

1.从数据库中查找图片的二进制数据,把查找出来的数据set到会话中 request.getSession().setAttribute("img",图片的二进制数据 ); 2.把数据write到流里 1 package cn.jbit.auction.web.servlet; 2 3 import java.io.IOException; 4 5 import javax.servlet.ServletException; 6 import javax.servlet.http.Htt

用struts2标签如何从数据库获取数据并在查询页面显示。最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变量。

最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变量.<s:iterator>标签有一个value属性,用来存放在Action类的方法中存数据的list集合,还有一个id,好像是说指定集合的索引的意思,就是给list集合遍历出来的每个对象加上一个数字标签,反正我是这么理解的,没用过.还有一个很重要,就是var变量,我在s:iterator按ctr

wordpress 页面显示指定分类文章

首页显示指定分类备份主题文件夹中的 index.php 文件,修改index.php找到如下一行代码:<?php if (have_posts()) : ?>在上面这行代码的前面加上:<?php query_posts('showposts=10 & cat=1');?>其中 1 为分类 id,10为文章篇数.想在首页中显示指定分类文章也可参考如下操作 // 只显示分类 14 下的文章 <?php while( have_posts()): the_post();up