|
|
@@ -0,0 +1,790 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>数据汇总页面-重庆市南岸区人民政府网</title>
|
|
|
+ <link rel="stylesheet" href="dataCenter/css/conmon.css">
|
|
|
+ <link rel="stylesheet" href="./layui/layui.css" media="all">
|
|
|
+ <link rel="stylesheet" href="dataCenter/css/index.css">
|
|
|
+ <link rel="stylesheet" href="font_datacenter/iconfont.css">
|
|
|
+ <style>
|
|
|
+ body {
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ width: 1392px;
|
|
|
+ height: auto;
|
|
|
+ margin: 10px auto;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate {
|
|
|
+ width: 690px;
|
|
|
+ height: 440px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 3px 12px 1px rgba(132, 133, 131, 0.2);
|
|
|
+ margin-bottom: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .title {
|
|
|
+ width: 95%;
|
|
|
+ display: flex;
|
|
|
+ height: 60px;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .title .more {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #125DB2;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .plate .left {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .left img {
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .left .theam {
|
|
|
+ font-size: 28px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ font-style: italic;
|
|
|
+ color: #125DB2;
|
|
|
+ width: 300px;
|
|
|
+ padding-left: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .left .theam span {
|
|
|
+ margin-left: 7px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .line {
|
|
|
+ font-size: 22px;
|
|
|
+ margin-top: -11px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .name {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1267C7;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .div-shbz .itemData li {
|
|
|
+ width: 318px;
|
|
|
+ height: 102px;
|
|
|
+ background: #F0F0F0;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .div-shbz .itemData li .right .bottom .number {
|
|
|
+ font-size: 27px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .content {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ height: 350px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ margin-top:20px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .plate .content .right {
|
|
|
+ width:80px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /* margin-right: 40px; */
|
|
|
+ float: right;
|
|
|
+ /* margin-top: 10px;
|
|
|
+ }
|
|
|
+ .plate .content .list{
|
|
|
+ /*width: 271px;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .content span {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .content i {
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .content .list{
|
|
|
+ width:30%
|
|
|
+ }
|
|
|
+
|
|
|
+ .plate .content .list img{
|
|
|
+ width:110px;
|
|
|
+ height:70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .div-whwl .range {
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iconfont {
|
|
|
+ font-family: "iconfont" !important;
|
|
|
+ font-style: normal;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ color: #125db2;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="main">
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 40px;"></i>
|
|
|
+ <div class="theam"><span>国民经济</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/bm/qtjj/gmjjtj/')">更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="name">GDP地区生产总值</div>
|
|
|
+ <div id="gdpmain" style="height: 350px;width: 690px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 40px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>政务服务</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/sjtj1/')">更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="name">渝快办办理情况</div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw2.png" alt="" >
|
|
|
+ <div class="right">
|
|
|
+ <span>本月</span>
|
|
|
+ <span>申请数</span>
|
|
|
+ <i id="timer10" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw1.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <span>本月</span>
|
|
|
+ <span>办件数</span>
|
|
|
+ <i id="timer11" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw3.png" alt="" >
|
|
|
+ <div class="right">
|
|
|
+ <span>本月</span>
|
|
|
+ <span>办结数</span>
|
|
|
+ <i id="timer12" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw2.png" alt="" >
|
|
|
+ <div class="right" style="margin-right: 0;">
|
|
|
+ <span>本年</span>
|
|
|
+ <span>申请数</span>
|
|
|
+ <i id="timer13" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw1.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <span>本年</span>
|
|
|
+ <span>办件数</span>
|
|
|
+ <i id="timer14" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <img src="images/zw3.png" alt="" >
|
|
|
+ <div class="right">
|
|
|
+ <span>本年</span>
|
|
|
+ <span>办结数</span>
|
|
|
+ <i id="timer15" class="numChange">0</i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 32px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>社会保障</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=1')">
|
|
|
+ 更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="div-shbz">
|
|
|
+ <ul class="itemData">
|
|
|
+ <li>
|
|
|
+ <img src="images/jz1.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>城镇新增就业人数</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">1.14</div>
|
|
|
+ <div class="unit">万人</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/jz2.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>城镇登记失业人员就业人数</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">0.3</div>
|
|
|
+ <div class="unit">万人</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/jz3.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>城镇调查失业率</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">4.5</div>
|
|
|
+ <div class="unit">%</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/jz5.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>创业贷款发放金额</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">50</div>
|
|
|
+ <div class="unit">万元</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/jz6.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>参加职业技能鉴定</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">919</div>
|
|
|
+ <div class="unit">人</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/jz4.png" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div>补贴性职业培训人数</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="number">0.19</div>
|
|
|
+ <div class="unit">万人</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 32px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>公开信箱</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/hdjl_254/gkxxtjsj/')">更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="name">本年度公开信箱办理情况</div>
|
|
|
+ <div id="caseChart" style="height: 350px;width: 690px;"></div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 40px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>文化旅游</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=2')">
|
|
|
+ 更多</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="div-whwl">
|
|
|
+ <div class="range">
|
|
|
+ <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
|
|
|
+ onlick="thisMonth()">2023年10月</button>
|
|
|
+ <button class="cumulat"
|
|
|
+ style="border-radius: 0px 4px 4px 0px;border-left: none;">截至2023年10月累计</button>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div id="whlyEchar" style="height: 321px;width: 690px;"></div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 40px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>卫生医疗</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=3')">
|
|
|
+ 更多</div>
|
|
|
+ </div>
|
|
|
+ <div id="wsylchar" style="height: 420px;width: 690px;"></div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 40px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>社会救助</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=4')">
|
|
|
+ 更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="name" style="margin: 10px auto;">2022年最低生活保障数据</div>
|
|
|
+ <div id="shjzEchars" style="height: 380px;width: 690px;"></div>
|
|
|
+ </div>
|
|
|
+ <div class="plate">
|
|
|
+ <div class="title">
|
|
|
+ <div class="left">
|
|
|
+ <i class="iconfont" style="font-size: 42px;"></i>
|
|
|
+ <div class="theam">
|
|
|
+ <span>教育领域</span>
|
|
|
+ <i class="iconfont line"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=5')">
|
|
|
+ 更多</div>
|
|
|
+ </div>
|
|
|
+ <div class="name">2022年学生人数与学校数统计</div>
|
|
|
+ <div style="display: flex;margin-top: 10px;">
|
|
|
+ <div id="jylyPerEchar" style="width: 300px;height:380px;"></div>
|
|
|
+ <div id="jylySchoolEchar" style="width: 390px;height:380px;"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+<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 type="text/javascript" src="../constans.js" charset="utf-8"></script>
|
|
|
+<script src="../nngkxxdp/js/letterBox.js"></script>
|
|
|
+<!-- 文化文旅数据js -->
|
|
|
+<script src="../natj/dataCenter/js/culturalTourismNew.js"></script>
|
|
|
+<!-- 卫生医疗数据js -->
|
|
|
+<script src="../natj/dataCenter/js/healthCareNewZt.js"></script>
|
|
|
+<!-- 教育领域数据js -->
|
|
|
+<script src="../natj/dataCenter/js/education.js"></script>
|
|
|
+<script>
|
|
|
+ function isMobileUserAgent() {
|
|
|
+ return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
|
|
|
+ window.parent.navigator.userAgent.toLowerCase("")
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ if (isMobileUserAgent()) {
|
|
|
+ window.location = 'https://www.cqna.gov.cn/data/natj/enter_dataAllMobile.html'
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ //公开信箱
|
|
|
+ drawHandleByBarChart();
|
|
|
+ //文化文旅
|
|
|
+ culturalTourism();
|
|
|
+ //卫生医疗
|
|
|
+ healthCareNew();
|
|
|
+ //教育领域
|
|
|
+ education();
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ //国民经济
|
|
|
+ var list = ''
|
|
|
+
|
|
|
+ function getData(url) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ $.ajax({
|
|
|
+ url: url,
|
|
|
+ dataType: 'json',
|
|
|
+ success: function (scenetree) {
|
|
|
+ if (scenetree) {
|
|
|
+ console.log(scenetree)
|
|
|
+ resolve(scenetree);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ }
|
|
|
+ function getBarg(list, unit) {
|
|
|
+ // var dateNum = ['date'];
|
|
|
+ var dateNum = [];
|
|
|
+ var alloneBasis = [];
|
|
|
+ var growth = [];
|
|
|
+ var allData = ['季度'];
|
|
|
+ for (var i = 0; i < list.length; i++) {
|
|
|
+ for (var j = 1; j <= list[i].totalNum.length; j++) {
|
|
|
+ var str = ' ';
|
|
|
+ if (j == 1) {
|
|
|
+ str = list[i].date + '年' + ' ' + '第1季度';
|
|
|
+ dateNum.push(str);
|
|
|
+ } else {
|
|
|
+ str = list[i].date + '年' + ' ' + '第1~' + j + '季度';
|
|
|
+ dateNum.push(str);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var totalNumList = list[i].totalNum;
|
|
|
+ for (var k = 0; k < totalNumList.length; k++) {
|
|
|
+ allData.push(totalNumList[k]);
|
|
|
+ }
|
|
|
+ var alloneBasisList = list[i].alloneBasis;
|
|
|
+ for (var n = 0; n < alloneBasisList.length; n++) {
|
|
|
+ alloneBasis.push(alloneBasisList[n]);
|
|
|
+ }
|
|
|
+
|
|
|
+ var growthList = list[i].growth;
|
|
|
+ if (list[i].growth) {
|
|
|
+ for (var n = 0; n < growthList.length; n++) {
|
|
|
+ growth.push(growthList[n]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ };
|
|
|
+ var sourceData = [dateNum, alloneBasis];
|
|
|
+
|
|
|
+ return {
|
|
|
+ legend: {},
|
|
|
+ grid: {
|
|
|
+ left: '2%',
|
|
|
+ right: '10%',
|
|
|
+ bottom: '-2%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'item',
|
|
|
+
|
|
|
+ formatter: function (params) {
|
|
|
+ // console.log(params);
|
|
|
+ var htmlStr = '';
|
|
|
+ var color = params.color; //图例颜色
|
|
|
+ var seriesName = params.seriesName; //图例名称
|
|
|
+ var xName = params.name; //x轴的名称
|
|
|
+ var value = params.value; //y轴值
|
|
|
+ var htmlStr = '<div>';
|
|
|
+ htmlStr += seriesName + '<br/>';
|
|
|
+ htmlStr +=
|
|
|
+ '<span style="margin-right: 5px; font-size: 16pt; font-family: Consolas;display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:' +
|
|
|
+ color + ' ;"></span>';
|
|
|
+ htmlStr += "<span style='min-height: 20pt; font-size: 10pt'>";
|
|
|
+ htmlStr += xName;
|
|
|
+ htmlStr += '</span>';
|
|
|
+ htmlStr += "<span style='min-height: 20pt; font-size: 10pt; margin-left: 20px'>";
|
|
|
+ // console.log(params.data.length);
|
|
|
+ if (!value.length) {
|
|
|
+ htmlStr += value + '%';
|
|
|
+ } else {
|
|
|
+ htmlStr += value[params.seriesIndex + 1] + unit; //选择对应value的坐标
|
|
|
+ }
|
|
|
+ htmlStr += '</span>'
|
|
|
+ htmlStr += '</div>';
|
|
|
+ return htmlStr;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dataset: {
|
|
|
+ source: sourceData
|
|
|
+ },
|
|
|
+ xAxis: [{
|
|
|
+ type: 'category',
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value}',
|
|
|
+ interval: 0,
|
|
|
+ rotate: -40
|
|
|
+ },
|
|
|
+ data: sourceData[0]
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ ],
|
|
|
+ yAxis: [{
|
|
|
+ gridIndex: 0,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value}' + unit
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value}%'
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ ],
|
|
|
+ series: [
|
|
|
+ // {
|
|
|
+ // name: '同比增减（%）',
|
|
|
+ // type: 'line',
|
|
|
+ // color: ['#91CC75'],
|
|
|
+ // yAxisIndex: 0,
|
|
|
+ // data: alloneBasis
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ name: '同比增减（%）',
|
|
|
+ type: 'line',
|
|
|
+ color: ['#91CC75'],
|
|
|
+ yAxisIndex: 0,
|
|
|
+ data: growth,
|
|
|
+ symbolSize: 3, //一定要加这个字段才能显示
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#000'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getData('./json/jdp.json').then(data => {
|
|
|
+ var list = data.GDP
|
|
|
+ var myChart = echarts.init(document.getElementById('gdpmain'));
|
|
|
+ var option = getBarg(list, '%');
|
|
|
+ myChart.setOption(option, true);
|
|
|
+ })
|
|
|
+
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ //政务服务
|
|
|
+ var path = "https://data.cqna.gov.cn";
|
|
|
+ // 一开始调用政务服务数据接口
|
|
|
+ initDate(1);
|
|
|
+ console.log(window.setInterval("initDate(1)", 1000 * 30));
|
|
|
+ function initDate(area) {
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ // https://data.cqna.gov.cn/department/getOfficeNumberByAreaInfo?area=1&timeType=2
|
|
|
+ url: path + "/department/getOfficeNumberByAreaInfo", //url地址
|
|
|
+ dataType: "json", //返回的数据类型
|
|
|
+ type: "get", //发起请求的方式
|
|
|
+ async: false,
|
|
|
+ data: {
|
|
|
+ "area": 1,
|
|
|
+ "timeType": 2
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ // var listWeb = data.data.listWeb
|
|
|
+ application(data.data)
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ error: function () {
|
|
|
+ alert('网络错误，请稍后再试！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ url: path + "/department/getOfficeNumberByAreaInfo", //url地址
|
|
|
+ dataType: "json", //返回的数据类型
|
|
|
+ type: "get", //发起请求的方式
|
|
|
+ async: false,
|
|
|
+ data: {
|
|
|
+ "area": 1,
|
|
|
+ "timeType": 3
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ // var listWeb = data.data.listWeb
|
|
|
+ application2(data.data)
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ error: function () {
|
|
|
+ alert('网络错误，请稍后再试！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ //加载南岸区四窗同办
|
|
|
+ function application(listWeb) {
|
|
|
+ $("#timer10").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
|
|
|
+ $("#timer11").html(listWeb.acceptNumber);
|
|
|
+ $("#timer12").html(listWeb.serialNumber);
|
|
|
+ }
|
|
|
+ function application2(listWeb) {
|
|
|
+ $("#timer13").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
|
|
|
+ $("#timer14").html(listWeb.acceptNumber);
|
|
|
+ $("#timer15").html(listWeb.serialNumber);
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+ //社会救助
|
|
|
+ var jsonData = [
|
|
|
+ ['product', '最低生活保障人数(人)', '发放低保金(万元)', '城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)', '农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)'],
|
|
|
+ ['2022年', 7090, 6282.82, 6513, 5759.55, 577, 523.27]
|
|
|
+ ]
|
|
|
+ var chartDom = document.getElementById('shjzEchars');
|
|
|
+ var myChart = echarts.init(chartDom);
|
|
|
+ var option;
|
|
|
+ option = {
|
|
|
+ grid: {
|
|
|
+ // 网格线配置
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: ["#e9e9e9"],
|
|
|
+ width: 1,
|
|
|
+ type: "solid",
|
|
|
+ },
|
|
|
+ right: 80
|
|
|
+ },
|
|
|
+ legend: [{
|
|
|
+ left: '2%',
|
|
|
+ orient: 'vertical',
|
|
|
+ data: ['最低生活保障人数(人)', '发放低保金(万元)']
|
|
|
+ },
|
|
|
+ {
|
|
|
+ left: '30%',
|
|
|
+ orient: 'vertical',
|
|
|
+ data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
|
|
|
+ }, {
|
|
|
+ left: '60%',
|
|
|
+ orient: 'vertical',
|
|
|
+ data: ['农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)']
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
+ },
|
|
|
+ backgroundColor: "rgb(0 0 0 / 40%)",
|
|
|
+ borderColor: 'transparent',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff'
|
|
|
+ },
|
|
|
+ confine: true
|
|
|
+
|
|
|
+ },
|
|
|
+ dataset: {
|
|
|
+ source: jsonData
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ axisTick: {
|
|
|
+ show: false //坐标轴刻度线
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ yAxis: [{
|
|
|
+ type: 'value',
|
|
|
+ min: 0,
|
|
|
+ max: 12000,
|
|
|
+ interval: 3000,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value}(人)'
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: true //坐标轴刻度线
|
|
|
+ },
|
|
|
+ axisLine: { //轴线
|
|
|
+ show: true
|
|
|
+ },
|
|
|
+ splitLine: { //网格线
|
|
|
+ show: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ min: 0,
|
|
|
+ max: 8000,
|
|
|
+ interval: 2000,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value}(万元)'
|
|
|
+ }
|
|
|
+ }],
|
|
|
+ series: [{
|
|
|
+ type: 'bar',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#3C8DE6'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ yAxisIndex: 1,
|
|
|
+ type: 'bar',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FAA639'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'bar',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#8EC051'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'bar',
|
|
|
+ yAxisIndex: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#27C2C1'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'bar',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FA8A46'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'bar',
|
|
|
+ yAxisIndex: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#4DC4E7'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ option && myChart.setOption(option);
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+</html>
|
elis