123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>数据汇总页面</title>
- <link rel="stylesheet" type="text/css" href="css/index.css" />
- <link rel="stylesheet" href="./layui/layui.css" media="all">
- <link rel="stylesheet" type="text/css" href="css/letterBox2.css" />
- <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
- <link rel="stylesheet" href="./css/dataAll.css">
- <style type="text/css">
- .layui-nav .layui-this:after, .layui-nav-bar {
- background-color: #0189ff;
- }
- .tablebox,.tablebox2 {
- height: 376px;
- overflow: hidden;
- position: relative;
- width: 100%;
-
- }
- .tbl-header,.tbl-header2 {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 999;
- }
-
- .tbl-body,.tbl-body2 {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
- .st-header {
- background-color: transparent !important;
- margin: 0 !important;
- border-collapse: inherit !important;
- }
- #streetTable>tr>td, #streetHeader>tr>td,.layui-table>thead>tr>th {
- text-align: left;
- }
- </style>
- </head>
- <body style="background-color: #F0F2F5;">
- <div class="contanier">
- <!-- 国民经济统计数据 -->
- <div class="blockStyle gmjj">
- <a href="http://www.cqna.gov.cn/bm/qtjj/gmjjtj/index.html" target="_blank" class="aCommon"></a>
- <div class="titleMain">
- <div class="btHeader">国民经济统计数据</div>
- <div class="dataMore">详细数据</div>
- </div>
- <div class="">
- <div class="topList">
- <div class="layui-tab layui-tab-card" lay-filter="test1">
- <ul class="layui-tab-title">
- <li class="layui-this" lay-id="gdpmain" style="width: 110px;">GDP地区生产总值</li>
- <li lay-id="scalemain" style="width: 130px;">规模以上工业增加值</li>
- <li lay-id="constructionmain" style="width: 100px;">建筑业总产值</li>
- <li lay-id="fixedAssetsmain" style="width: 120px;">固定资产投资总额</li>
- <li lay-id="realtyMarketmain" style="width: 120px;">商品房建设与销售</li>
- <li lay-id="inlandTrademain" style="width: 120px;">社会消费品零售总额</li>
- <li lay-id="publicIncomemain" style="width: 100px;">地方财政收支</li>
- <!-- <li lay-id="bankmain" style="width: 100px;">金融机构存贷款</li> -->
- </ul>
- <div class="layui-tab-content" style="height: 500px;">
- <div class="layui-tab-item layui-show" id="gdpmain"
- style="height: 480px;width: 1200px;">
- </div>
- <div class="layui-tab-item">
- <div id="scalemain" style="height: 480px;width: 1200px;"></div>
- </div>
- <div class="layui-tab-item">
- <div id="constructionmain" style="height: 480px;width: 1200px;"></div>
- </div>
- <div class="layui-tab-item">
- <div id="fixedAssetsmain" style="height: 480px;width: 1200px;"></div>
- </div>
- <div class="layui-tab-item">
- <div id="realtyMarketmain" style="height: 480px;width: 1200px;"></div>
- </div>
- <div class="layui-tab-item">
- <div id="inlandTrademain" style="height: 480px;width: 1200px;"></div>
- </div>
- <div class="layui-tab-item" style="position: relative;">
- <div class="czbtn">
- <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">#公共财政支出</div>
- <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">税收收入</div>
- <div class="layui-btn layui-btn-xs layui-btn-normal togglePic">#公共财政收入</div>
- </div>
- <div id="publicIncomemain" style="height: 480px;width: 1200px;"></div>
- </div>
- <!-- <div class="layui-tab-item" style="position: relative;">
- <div class="czbtn">
- <div class="layui-btn layui-btn-xs layui-btn-normal togglePic2">金融机构人民币存款余额
- </div>
- <div class="layui-btn layui-btn-xs layui-btn-normal togglePic2">金融机构人民币贷款余额
- </div>
- </div>
- <div id="bankmain" style="height: 480px;width: 1200px;"></div>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 政务服务数据统计分析 -->
- <div class="blockStyle zwfw">
- <a href="http://www.cqna.gov.cn/sjtj1/index.html" target="_blank" class="aCommon"></a>
- <div class="titleMain">
- <div class="btHeader">政务服务数据统计分析</div>
- <div class="dataMore">详细数据</div>
- </div>
- <div class="zwLeft">
- <div class="zwTop">
- <div class="zwtopList">
- <div id="year">
- <p class="zwtitle">本年办件数</p>
- <div class="line2"></div>
- <ul class="zwUl">
- <li>
- <span class="Topblue"><i
- class="iconfont icon-benqishoulishuliang iconCommon shouli"></i>受理数(件)</span>
- <i class="numChange" id="yearDeclare">8975</i>
- </li>
- <li>
- <span class="Topblue"><i
- class="iconfont icon-banjieshu iconCommon banjie"></i>办结数(件)</span>
- <i class="numChange" id="yearAcceptance">6975</i>
- </li>
- <li>
- <span class="Topblue"><i
- class="iconfont icon-xinxiwangluogoujian2 iconCommon wangluo"></i>网络提交(件)</span>
- <i class="numChange" id="yearConclude">4975</i>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="zwBottom">
- <div class="zwtitle">好差评</div>
- <div class="line2"></div>
- <div style="position: relative;">
- <div class="link-box r">
- <div class="link-list">
- <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-work/my-works"
- target="_blank">评价我的办件</a>
- </div>
- <div class="link-list">
- <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-work/my-works"
- target="_blank">评价窗口人员</a>
- </div>
- <div class="link-list">
- <a href="https://zwykb.cq.gov.cn/hcp/pj/" target="_blank">评价办事指南</a>
- </div>
- <div class="link-list">
- <a href="https://zwykb.cq.gov.cn/hcp/?comment/commentWorkGuide"
- target="_blank">评价服务应用</a>
- </div>
- <div class="link-list">
- <a href="https://zwykb.cq.gov.cn/cbl/grzx/?my-papers" target="_blank">评价电子证照</a>
- </div>
- </div>
- <div class="commentsList">
- <div>
- <img src="img/评价总量小元素.png" style="margin-left: 10px;margin-top: 9px;width: 40px;">
- <div class="" style="margin-left:35px;">
- <p class="num">本年评价总量</p>
- <i class="linghtBlue"><span id="timer20">205165</span><span>条</span></i>
- </div>
- </div>
- <div>
- <img src="img/满意度小元素.png" style="margin-left: 10px;margin-top: 9px;width: 44px;">
- <div class="" style="margin-left: 40px;">
- <p class="num">满意度</p>
- <i class="linghtBlue"><span id="timer21">100</span>%<span></span></i>
- </div>
- </div>
- </div>
- <div class="barCharts">
- <div class="commentsBar" id="main" style="width: 100%;height:100%;">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="zwRight">
- <div class="zwTop">
- <div class="itemAll">
- <div class="zwtitle">南岸区政务服务事项总数</div>
- <div class="line2"></div>
- <div class="itemAllnum" id="totals">
- <span>0</span>
- <span>0</span>
- <span>0</span>
- <span style="color:#0990f8;">2</span>
- <span style="color:#0990f8;">6</span>
- <span style="color:#0990f8;">4</span>
- <span style="color:#0990f8;">7</span>
- <span>项</span>
- </div>
- </div>
- </div>
- <div class="zwBottom">
- <div class="zwBottomItem">
- <div class="zwtitle">
- 一件事一次办
- </div>
- <div class="line2"></div>
- <div class="lineCon">
- <img src="img/lightCir.png">
- <div class="listCon">
- <p style="color: #333;font-size: 18px;">套餐数量</p>
- <p><span id="timer16" class="numChange"
- style="color: #333;font-size: 28px;">258</span><span
- style="color: #999;margin-left: 8px;font-size: 16px;">件</span></p>
- </div>
- <div class="OneList">
- <span style="margin-right:-2px;color: #333;font-size: 13px;">减环节</span>
- <span id="timer17" class="numChange"
- style="color: #333;font-size: 14px;">1622</span>
- <span style="color: #999;font-size: 12px;">件</span>
- </div>
- <div class="TwoList">
- <span style="margin-right:7px;color: #333;font-size: 13px;">减跑动</span>
- <span id="timer18" class="numChange" style="color: #333;font-size: 14px;">799</span>
- <span style="color: #999;font-size: 12px;">件</span>
- </div>
- <div class="ThriList">
- <span style="margin-right:7px;color: #333;font-size: 13px;">减材料</span>
- <span id="timer19" class="numChange" style="color: #333;font-size: 14px;">465</span>
- <span style="color: #999;font-size: 12px;">件</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 公开信箱统计数据 -->
- <div class="blockStyle gkxx">
- <a href="http://www.cqna.gov.cn/hdjl_254/gkxxtjsj/index.html" target="_blank" class="aCommon"></a>
- <div class="titleMain">
- <div class="btHeader">本年度公开信箱办理情况</div>
- <div class="dataMore">详细数据</div>
- </div>
- <div class="secondArea">
- <div class="navList">
- <ul>
- <li>
- <div class="inconArea oneBc">
- <i class="iconfont icon-liuyan"></i>
- </div>
- <div class="textArea">
- <div class="textAreaTop">近30天来信</div>
- <div class="textAreaBottom"><span
- id="acceptanceNum" style="font-size: 25px;">0</span> <span>件</span></div>
- </div>
- </li>
- <li>
- <div class="inconArea twoBc">
- <i class="iconfont icon-liuyan2"></i>
- </div>
- <div class="textArea">
- <div class="textAreaTop">近30天受理</div>
- <div class="textAreaBottom"><span
- id="completedNum" style="font-size: 25px;">0</span> <span>件</span></div>
- </div>
- </li>
- <li>
- <div class="inconArea threeBc">
- <i class="iconfont icon-liuyan1"></i>
- </div>
- <div class="textArea">
- <div class="textAreaTop">近30天办理</div>
- <div class="textAreaBottom"><span
- id="acceptingNum" style="font-size: 25px;">0</span> <span>件</span></div>
- </div>
- </li>
- </ul>
- </div>
- <!-- 统计区域 -->
- <div class="statisticalArea">
- <div class="staCommon staLeft">
- <div class="staTitle">近90天办理类别统计</div>
- <div class="line"></div>
- <div class="staContent" id="classifier"></div>
- </div>
- <div class="staCommon staRight">
- <div class="staTitle">近90天部门承办统计</div>
- <div class="line"></div>
- <div class="staContent" id="undertake"></div>
- </div>
- </div>
- </div>
- </div>
- <!-- 最新更新文章 -->
- <!-- <div class=" gmjj">
- <a href="enter_showStatis.html" class="aCommon"></a>
- <div class="titleMain">
- <div class="btHeader">媒体矩阵统计数据</div>
- <div class="dataMore">详细数据</div>
- </div>
- <div class="blockStyle gmjj">
- <div class="data_transactionCase">
- <div class="dataAll_title">最新更新文章</div>
- <div class="line"></div>
- <div class="sort-wrap">
- <div class="article-warp">
- <ul>
- <li><a href="#">
- <span class="sort-num num-one">1.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">市委常委会召开会议 学习贯彻习近平总书记重要讲话精神 进一步研究部署法治建设和交通运输工作
- 陈敏尔主持并讲话
- </span>
- </a>
- </li>
- <li><a href="#">
- <span class="sort-num num-two">2.</span>
- <div class="sort-div">看南岸</div>
- <span class="sort-artTitle">城市老旧功能片区改造试点示范项目已开建20个部分项目初具示范效应 </span>
- </a>
- </li>
- <li><a href="#">
- <span class="sort-num num-three">3.</span>
- <div class="sort-div">南岸政务服务</div>
- <span class="sort-artTitle">重庆聚焦“学讲看做”推动党史学习教育走得更深落得更实——学思践悟强信念 知行合一勇担当
- </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">4.</span>
- <div class="sort-div">南岸2021</div>
- <span class="sort-artTitle">乌江白马航电枢纽右岸一期全面开工建设. </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">5.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">重庆籍选手斩获残奥会3枚奖牌 创历史最佳成绩 </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">6.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">7.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">8.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">9.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
- </a></li>
- <li><a href="#">
- <span class="sort-num">10.</span>
- <div class="sort-div">最美南岸</div>
- <span class="sort-artTitle">第二季“偶像老师,来了!” 川渝两地各10所学校教师登台秀绝活 </span>
- </a></li>
- </ul>
- </div>
- <div class="" style="text-align: center;">
- <div id="test1"></div>
- </div>
- </div>
- </div>
- </div>
- </div> -->
-
- <!-- 门户网站更新情况统计 -->
- <!-- <div class="blockStyle gmjj"> -->
- <!-- <a href="http://nazwfw.cqna.gov.cn:7777/natj/index.html" target="_blank" class="aCommon"></a> -->
- <!-- <div class="titleMain">
- <div class="btHeader">门户网站更新情况统计</div>
- <div class="dataMore">
- <a href="http://nazwfw.cqna.gov.cn:7777/natj/index.html" target="_blank">详细数据</a>
- </div>
- </div> -->
- <!-- <div class="dataAll_statistical">
- <div class="statistical_content">
- <div class="statistical_header">
- 南岸区人民政府网站公开领域发布数据统计
- </div>
- <div class="release" id="release"> </div>
- </div>
- <div class="statistical_content01">
- <div class="statistical_head">
- 南岸区街道更新情况
- </div>
- <div class="boxContanier article-statis">
-
- <div class="tablebox">
-
- <div class="tbl-header">
- <table border="0" cellspacing="0" cellpadding="0" class="layui-table st-header" lay-skin="line">
- <colgroup>
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="100">
- </colgroup>
- <thead>
- <tr>
- <th>街道</th>
- <th>近7天更新量</th>
- <th>近30天更新量</th>
- <th>本地更新量</th>
- <th>本地更新时间</th>
- <th>发布状态</th>
- </tr>
- </thead>
- <tbody style="opacity:0;" id="streetHeader"></tbody>
- </table>
- </div>
-
- <div class="tbl-body">
- <table border="0" cellspacing="0" cellpadding="0" class="layui-table" lay-skin="line" style="margin: 0;">
- <colgroup>
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="200">
- <col width="100">
- </colgroup>
- <thead>
- <tr>
- <th>街道</th>
- <th>近7天更新量</th>
- <th>近30天更新量</th>
- <th>本地更新量</th>
- <th>本地更新时间</th>
- <th>发布状态</th>
- </tr>
- </thead>
- <tbody id="streetTable"></tbody>
- </table>
- </div>
- </div>
-
- </div>
- </div> -->
- <!-- 其他区县更新情况 -->
- <!-- <div class="statistical_content01">
- <div class="statistical_head">
- 其他区县更新情况
- </div>
- <div class="lay_border">
- <ul class="layui-nav" id="areaUl">
- <li class="layui-nav-item" style="font-size: #007EFF;"><a href="">沙坪坝区</a></li>
- <li class="layui-nav-item layui-this"><a href="">渝中区</a></li>
- <li class="layui-nav-item"><a href="">渝北区</a></li>
- <li class="layui-nav-item"><a href="">九龙坡区</a></li>
- <li class="layui-nav-item"><a href="">大渡口区</a></li>
- <li class="layui-nav-item"><a href="">江北区</a></li>
- <li class="layui-nav-item"><a href="">南岸区</a></li>
- <li class="layui-nav-item"><a href="">北碚区</a></li>
- <li class="layui-nav-item"><a href="">巴南区</a></li>
- </ul>
- </div>
- <div class="boxContanier article-statis">
-
- <div class="tablebox2">
-
- <div class="tbl-header2">
- <table border="0" cellspacing="0" cellpadding="0" class="layui-table st-header" lay-skin="line">
- <colgroup>
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="130">
- </colgroup>
- <thead>
- <tr>
- <th>区县</th>
- <th>栏目名</th>
- <th>部门</th>
- <th>近7天更新量</th>
- <th>近30天更新量</th>
- <th>本年更新量</th>
- <th>最近更新时间</th>
- <th>发布状态</th>
- </tr>
- </thead>
- <tbody style="opacity:0;" id="otherHeader"></tbody>
- </table>
- </div>
-
- <div class="tbl-body2">
- <table border="0" cellspacing="0" cellpadding="0" class="layui-table" lay-skin="line" style="margin: 0;">
- <colgroup>
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="150">
- <col width="130">
- </colgroup>
- <thead>
- <tr>
- <th>区县</th>
- <th>栏目名</th>
- <th>部门</th>
- <th>近7天更新量</th>
- <th>近30天更新量</th>
- <th>本年更新量</th>
- <th>最近更新时间</th>
- <th>发布状态</th>
- </tr>
- </thead>
- <tbody id="otherTable"></tbody>
- </table>
- </div>
- </div>
-
-
- </div>
- </div> -->
- <!--主城九区公开领域数据对比 -->
- <!-- <div class="statistical_content01">
- <div class="statistical_lastheader">
- 主城九区公开领域数据对比
- </div>
- <div class="lay_border">
- <ul class="layui-nav" id="contrastLi">
- <li class="layui-nav-item layui-this" data-value="1"><a style="color: #0088fe;" href="javascript:void(0);">周更新</a></li>
- <li class="layui-nav-item" data-value="2"><a href="javascript:void(0);">月更新</a></li>
- <li class="layui-nav-item" data-value="3"><a href="javascript:void(0);">年更新</a></li>
- </ul>
- </div>
- <div class="dataAll_contrast">
- <div class="contrast_form" id="contrast_form">
- </div>
- </div>
- </div> -->
- <!-- </div> -->
- <!-- </div> -->
- </div>
- <script src="layui/layui.js"></script>
- <script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../constans.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/enterStatisMain.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/highcharts.js"></script>
- <script src="js/highcharts-3d.js"></script>
- <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
- <script src="js/grid-light.js"></script>
- <script src="js/south.js"></script>
- <script src="js/letterBox2.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/echarts-auto-tooltip.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/dataAll-tj.js" type="text/javascript" charset="utf-8"></script>
- <script>
- function initBar() {
- var json = ''
- $.ajax({
- url: path + "/goodOrbad/getGoodOrBadByYearAndArea", //url地址
- dataType: "json", //返回的数据类型
- type: "get", //发起请求的方式
- async: false,
- data: {
- "area": 1
- },
- success: function(data) {
- json = data.data
- $("#timer20").html(json.veryDissatisfied + json.notSatisfied + json.basicSatisfied + json
- .satisfied + json.great)
- var goods = (json.good / json.goodOrBad).toFixed(10) * 100;
- $("#timer21").html(goods.toFixed(3).slice(0, -1))
- },
- error: function() {
- alert('网络错误,请稍后再试!');
- }
- });
- return json
- }
- function getBar2(json) {
- return {
- grid: { //坐标轴的位置
- top: '5%',
- left: '0px',
- bottom: '3%',
- containLabel: true, //包含文字
- y2: 140
- },
- // grid: {
- // y2: 140
- // },
- xAxis: {
- type: 'value',
- position: 'top',
- axisLabel: {
- show: true,
- color: function(value, index) {
- return '#999999'
- },
- fontSize: 15,
- },
- max: 700000,
- min: 0,
- splitNumber: 2,
- axisTick: {
- show: false
- },
- splitLine: {
- show: false
- },
- axisLabel: {
- interval: 0
- },
- },
- yAxis: {
- type: 'category',
- data: ['非常不满意', '不满意', '基本满意', '满意', ' 非常满意'],
- axisLabel: {
- show: true,
- interval: 0,
- color: function(value, index) {
- return '#999999'
- },
- fontSize: 14,
- },
- axisTick: {
- show: false
- },
- splitLine: {
- show: false
- },
- },
- tooltip: {
- trigger: 'axis',
- axisPoniter: {
- type: 'line',
- z: 0,
- lineStyle: {
- width: 36,
- color: '#2d3443'
- }
- }
- },
- animationEasing: 'linear',
- series: [{
- animationDelay: function(idx) {
- return idx * 500;
- },
- name: '访问来源',
- type: 'bar',
- barWidth: 16,
- radius: '65%',
- label: {
- show: true,
- position: 'right',
- textStyle: {
- color: '#999999',
- }
- },
- itemStyle: {
- barBorderRadius: [0, 8, 8, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
- offset: 0,
- color: '#0042FD'
- }, //柱图渐变色
- {
- offset: 0.5,
- color: '#0092F8'
- }, //柱图渐变色
- {
- offset: 1,
- color: '#00EAF1'
- },
- ])
- },
- data: [
- json.veryDissatisfied, json.notSatisfied, json.basicSatisfied, json.satisfied, json.great
- ]
- }]
- }
- }
- var json = initBar();
- var dailyBarOption = getBar2(json);
- var myChart1 = echarts.init(document.getElementById('main'));
- myChart1.setOption(dailyBarOption);
- //近90天办理类别统计
- var catechartDom = document.getElementById('category');
- var catemyChart = echarts.init(catechartDom);
- var cateoption;
- cateoption = {
- toolbox: {
- show: true,
- x:'right',
- y:'top',
- feature: {
- mark: {
- show: true
- },
- dataView: {
- show: true,
- readOnly: false
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true,
- pixelRatio:1,
- name:'导出的文件名',
- title:'保存图片',
- emphasis: {
- textAlign:'right',
- textPosition:'left',
- }
-
- }
- }
- },
- series: [{
- name: 'Nightingale Chart',
- type: 'pie',
- radius: [20, 100],
- center: ['50%', '50%'],
- roseType: 'area',
- itemStyle: {
- borderRadius: 8
- },
- data: [{
- value: 40,
- name: '不动产登记:1225件,占24.96%'
- },
- {
- value: 38,
- name: '市政:435件,占8.86%'
- },
- {
- value: 32,
- name: '· 市政:435件,占8.86%'
- },
- {
- value: 30,
- name: '· 环保:390件,占7.94%'
- },
- {
- value: 28,
- name: '· 其他:982件,占20.01'
- },
- {
- value: 26,
- name: '· 征地、拆迁、物管:303件,占6.17%'
- },
- {
- value: 22,
- name: '· 社会治安:270件,占5.51%'
- },
- {
- value: 18,
- name: '· 卫生计生:232件,占4.73%'
- },
- {
- value: 28,
- name: '· 教育:318件,占6.49%'
- },
- {
- value: 26,
- name: '· 城建:356件,占7.26%'
- },
- {
- value: 22,
- name: '· 交通:329件,占6.70% '
- },
- {
- value: 18,
- name: '劳资纠纷、社保、就业:224件,占4.57%'
- }
- ]
- }]
- };
- cateoption && catemyChart.setOption(cateoption);
- // 近90天部门承办统计
- var statcatechartDom = document.getElementById('statistical');
- var statmyChart = echarts.init(statcatechartDom);
- var statoption;
- statoption = {
- toolbox: {
- show: true,
- x:'right',
- y:'top',
- feature: {
- mark: {
- show: true
- },
- dataView: {
- show: true,
- readOnly: false
- },
- restore: {
- show: true
- },
- saveAsImage: {
- show: true,
- pixelRatio:1,
- name:'导出的文件名',
- title:'保存图片',
- emphasis: {
- textAlign:'right',
- textPosition:'left',
- }
- }
- }
- },
- series: [{
- name: 'Nightingale Chart',
- type: 'pie',
- radius: [20, 100],
- center: ['50%', '50%'],
- roseType: 'area',
- itemStyle: {
- borderRadius: 8
- },
- data: [{
- value: 40,
- name: '不动产登记:1225件,占24.96%'
- },
- {
- value: 38,
- name: '市政:435件,占8.86%'
- },
- {
- value: 32,
- name: '· 市政:435件,占8.86%'
- },
- {
- value: 30,
- name: '· 环保:390件,占7.94%'
- },
- {
- value: 28,
- name: '· 其他:982件,占20.01'
- },
- {
- value: 26,
- name: '· 征地、拆迁、物管:303件,占6.17%'
- },
- {
- value: 22,
- name: '· 社会治安:270件,占5.51%'
- },
- {
- value: 18,
- name: '· 卫生计生:232件,占4.73%'
- },
- {
- value: 28,
- name: '· 教育:318件,占6.49%'
- },
- {
- value: 26,
- name: '· 城建:356件,占7.26%'
- },
- {
- value: 22,
- name: '· 交通:329件,占6.70% '
- },
- {
- value: 18,
- name: '劳资纠纷、社保、就业:224件,占4.57%'
- }
- ]
- }]
- };
- statoption && statmyChart.setOption(statoption);
- // 分页
- layui.use('laypage', function() {
- var laypage = layui.laypage;
- //执行一个laypage实例
- laypage.render({
- elem: 'test1',
- count: 30,
- prev: '',
- next: ''
- });
- });
- </script>
- </body>
- </html>
|