Jadual Kandungan
在一个页面显示多个iChart报表_html/css_WEB-ITnose " > Build Report    在一个页面显示多个iChart报表_html/css_WEB-ITnose
Rumah hujung hadapan web html tutorial 在一个页面显示多个iChart报表_html/css_WEB-ITnose

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

Jun 24, 2016 am 11:59 AM
berbilang Laporan tunjuk muka surat

<%@ 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>
Salin selepas log masuk


 

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mengalih keluar berita dan kandungan sohor kini daripada Carian Windows 11 Bagaimana untuk mengalih keluar berita dan kandungan sohor kini daripada Carian Windows 11 Oct 16, 2023 pm 08:13 PM

Apabila anda mengklik medan carian dalam Windows 11, antara muka carian secara automatik mengembang. Ia memaparkan senarai program terbaru di sebelah kiri dan kandungan web di sebelah kanan. Microsoft memaparkan berita dan kandungan trend di sana. Semakan hari ini mempromosikan ciri penjanaan imej DALL-E3 baharu Bing, tawaran "Naga Sembang dengan Bing", maklumat lanjut tentang naga, berita popular daripada bahagian Web, cadangan permainan dan bahagian Carian Arah Aliran. Keseluruhan senarai item adalah bebas daripada aktiviti anda pada komputer anda. Walaupun sesetengah pengguna mungkin menghargai keupayaan untuk melihat berita, semua ini tersedia dengan banyaknya di tempat lain. Orang lain boleh secara langsung atau tidak langsung mengklasifikasikannya sebagai promosi atau pengiklanan. Microsoft menggunakan antara muka untuk mempromosikan kandungannya sendiri,

Bagaimana untuk menyalin halaman dalam Word Bagaimana untuk menyalin halaman dalam Word Feb 20, 2024 am 10:09 AM

Ingin menyalin halaman dalam Microsoft Word dan mengekalkan pemformatan? Ini adalah idea yang bijak kerana menduplikasi halaman dalam Word boleh menjadi teknik penjimatan masa yang berguna apabila anda ingin membuat berbilang salinan susun atur atau format dokumen tertentu. Panduan ini akan membimbing anda melalui proses langkah demi langkah menyalin halaman dalam Word, sama ada membuat templat atau menyalin halaman tertentu dalam dokumen. Arahan mudah ini direka untuk membantu anda mencipta semula halaman anda dengan mudah tanpa perlu bermula dari awal. Mengapa menyalin halaman dalam Microsoft Word? Terdapat beberapa sebab mengapa menyalin halaman dalam Word sangat bermanfaat: Apabila anda mempunyai dokumen dengan susun atur atau format tertentu yang anda ingin salin. Tidak seperti mencipta semula keseluruhan halaman dari awal

Panduan Pengguna Windows 11: Bagaimana untuk melumpuhkan pop timbul iklan Panduan Pengguna Windows 11: Bagaimana untuk melumpuhkan pop timbul iklan Sep 22, 2023 pm 07:21 PM

Sistem pengendalian Windows 11 Microsoft mungkin memaparkan cadangan secara berkala sebagai pop timbul pada komputer anda menggunakan sistem pemberitahuan. Sistem cadangan, yang pada asalnya direka bentuk untuk menyediakan petua dan cadangan kepada pengguna untuk menambah baik aliran kerja Windows 11 mereka, hampir sepenuhnya berubah menjadi sistem pengiklanan untuk mempromosikan perkhidmatan dan produk Microsoft. Pop timbul cadangan mungkin mengiklankan langganan Microsoft 365 kepada pengguna, mencadangkan memautkan telefon Android ke peranti atau menyediakan penyelesaian sandaran. Jika pop timbul ini mengganggu anda, anda boleh mengubahsuai sistem anda untuk melumpuhkannya sepenuhnya. Panduan berikut menyediakan cadangan untuk melumpuhkan pop timbul pada peranti yang menjalankan sistem pengendalian Windows 11 Microsoft.

Sebab dan penyelesaian untuk susun atur desktop dikunci Sebab dan penyelesaian untuk susun atur desktop dikunci Feb 19, 2024 pm 06:08 PM

Apakah yang berlaku apabila susun atur desktop dikunci apabila menggunakan komputer, kadangkala kita mungkin menghadapi situasi di mana reka letak desktop dikunci. Masalah ini bermakna kita tidak boleh bebas melaraskan kedudukan ikon desktop atau menukar latar belakang desktop. Jadi, apa sebenarnya yang berlaku apabila ia mengatakan bahawa susun atur desktop dikunci? 1. Fahami reka letak desktop dan fungsi penguncian Pertama, kita perlu memahami dua konsep susun atur desktop dan penguncian desktop. Reka letak desktop merujuk kepada susunan pelbagai elemen pada desktop, termasuk pintasan, folder, widget, dsb. kita boleh bebas

Bagaimana untuk memuat semula halaman web dengan cepat? Bagaimana untuk memuat semula halaman web dengan cepat? Feb 18, 2024 pm 01:14 PM

Penyegaran halaman adalah perkara biasa dalam penggunaan rangkaian harian kami Apabila kami melawat halaman web, kadangkala kami menghadapi beberapa masalah, seperti halaman web tidak dimuatkan atau dipaparkan secara tidak normal, dsb. Pada masa ini, kami biasanya memilih untuk memuat semula halaman untuk menyelesaikan masalah, jadi bagaimana untuk memuat semula halaman dengan cepat? Mari kita bincangkan kekunci pintasan untuk muat semula halaman. Kekunci pintasan muat semula halaman ialah kaedah untuk memuat semula halaman web semasa dengan pantas melalui operasi papan kekunci. Dalam sistem pengendalian dan penyemak imbas yang berbeza, kekunci pintasan untuk muat semula halaman mungkin berbeza. Di bawah ini kami menggunakan W biasa

Bagaimana untuk melaksanakan lompatan halaman dalam 3 saat: Panduan Pengaturcaraan PHP Bagaimana untuk melaksanakan lompatan halaman dalam 3 saat: Panduan Pengaturcaraan PHP Mar 25, 2024 am 10:42 AM

Tajuk: Kaedah pelaksanaan lompat halaman dalam 3 saat: Panduan Pengaturcaraan PHP Dalam pembangunan web, lompat halaman adalah operasi biasa Secara umumnya, kami menggunakan tag meta dalam kaedah HTML atau JavaScript untuk melompat ke halaman. Walau bagaimanapun, dalam beberapa kes tertentu, kita perlu melakukan lompatan halaman pada bahagian pelayan. Artikel ini akan memperkenalkan cara menggunakan pengaturcaraan PHP untuk melaksanakan fungsi yang secara automatik melompat ke halaman tertentu dalam masa 3 saat, dan juga akan memberikan contoh kod tertentu. Prinsip asas lompat halaman menggunakan PHP adalah sejenis

Cara menyesuaikan dan mengedit mod siap sedia pada iPhone: Perkara baharu dalam iOS 17 Cara menyesuaikan dan mengedit mod siap sedia pada iPhone: Perkara baharu dalam iOS 17 Sep 21, 2023 pm 04:01 PM

Siap sedia ialah ciri baharu dalam kemas kini iOS 17 yang menyediakan cara baharu dan dipertingkat untuk mengakses maklumat apabila telefon anda melahu dengan cepat. Dengan StandBy, anda boleh menyemak masa dengan mudah, melihat acara akan datang, menyemak imbas kalendar anda, mendapatkan kemas kini cuaca untuk lokasi anda dan banyak lagi. Setelah diaktifkan, iPhone secara intuitif akan memasuki mod siap sedia apabila ditetapkan kepada landskap semasa mengecas. Ciri ini sesuai untuk titik pengecasan wayarles seperti meja malam anda, atau apabila anda berada jauh dari pengecasan iPhone anda semasa tugasan harian. Ia membolehkan anda meleret melalui pelbagai widget yang dipaparkan dalam bersedia untuk mengakses set maklumat yang berbeza daripada pelbagai aplikasi. Walau bagaimanapun, anda mungkin ingin mengubah suai widget ini atau memadam beberapa berdasarkan keutamaan anda dan maklumat yang anda perlukan dengan kerap. Jadi mari kita selami

Bagaimana untuk menangani masalah yang halaman Laravel tidak dapat memaparkan CSS dengan betul Bagaimana untuk menangani masalah yang halaman Laravel tidak dapat memaparkan CSS dengan betul Mar 10, 2024 am 11:33 AM

"Bagaimana untuk menangani kegagalan halaman Laravel untuk memaparkan CSS dengan betul, contoh kod khusus diperlukan" Apabila menggunakan rangka kerja Laravel untuk membangunkan aplikasi web, kadangkala anda akan menghadapi masalah bahawa halaman tidak dapat memaparkan gaya CSS dengan betul, yang boleh menyebabkan halaman untuk menghasilkan gaya yang tidak normal. Artikel ini akan memperkenalkan beberapa kaedah untuk menangani kegagalan halaman Laravel untuk memaparkan CSS dengan betul, dan menyediakan contoh kod khusus untuk membantu pembangun menyelesaikan masalah biasa ini. 1. Semak laluan fail Mula-mula semak laluan fail CSS.

See all articles