<!DOCTYPE html>
<html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- Tell the browser to be responsive to screen width -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<!-- Favicon icon -->
		<link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}">
		<title>事件分析详情·网络情报分析系统</title>
		<!-- Custom CSS -->
		<link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
		<link th:href="@{/dist/css/custom.css}" rel="stylesheet">
		<link th:href="@{/assets/libs/sweetalert2/dist/sweetalert2.min.css}" rel="stylesheet">
		<link rel="stylesheet" type="text/css" th:href="@{/assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}">
<!-- 		<script src="//at.alicdn.com/t/font_1709263_w16payhc3l.js"></script>
 -->		<!-- any charts -->
		<link rel="stylesheet" th:href="@{/dist/anycharts/anychart-ui.min.css}">
		<script th:src="@{/dist/anycharts/anychart-base.min.js}"></script>
		<script th:src="@{/dist/anycharts/anychart-ui.min.js}"></script>
		<script th:src="@{/dist/anycharts/anychart-tag-cloud.min.js}"></script>
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	</head>

	<body>
		<!-- ============================================================== -->
		<!-- Preloader - style you can find in spinners.css -->
		<!-- ============================================================== -->
		<div class="preloader">
			<div class="lds-ripple">
				<div class="lds-pos"></div>
				<div class="lds-pos"></div>
			</div>
		</div>
		<!-- ============================================================== -->
		<!-- Main wrapper - style you can find in pages.scss -->
		<!-- ============================================================== -->
		<div id="main-wrapper">
			<!-- ============================================================== -->
			<!-- Topbar header - style you can find in pages.scss -->
			<!-- ============================================================== -->
			<div th:replace="common/header::header"></div>
			<div th:replace="common/publicoptionl_left::publicoptionl_left"></div>
			<!-- ============================================================== -->
			<!-- End Topbar header -->
			<!-- ============================================================== -->
			<!-- ============================================================== -->
			<!-- ============================================================== -->
			<!-- Page wrapper  -->
			<!-- ============================================================== -->
			<div class="page-wrapper">

				<div class="right-part right-content">
					<!-- nav start-->
					<div class="page-breadcrumb">
						<div class="row">
							<div class="col-lg-5 align-self-center">
								<div class="d-flex align-items-center">
									<nav aria-label="breadcrumb">
										<ol class="breadcrumb">
											<li class="breadcrumb-item">事件分析</li>
											<li class="breadcrumb-item">报告详情</li>
										</ol>
									</nav>
								</div>
							</div>
							<div class="col-lg-7 align-self-center">
								<div class="d-flex no-block justify-content-end align-items-center data-number-min">
									<!-- <button type="button" class="btn btn-outline-secondary btn-sm bnone" id="goexportlist">
                                    <i class="ti ti-cloud-down"></i>
                                    分析下载
                                </button> -->
									<button class="btn btn-outline-secondary btn-sm bnone" type="button" id="goback">
                                    <i class="mdi mdi-redo-variant"></i> 返回
                                </button>
								</div>
							</div>
						</div>
					</div>
					<!-- nav end-->
					<div class="p-20">
						<!--  start-->
						<div class="card">
							<div class="card-body">
								<!-- <div class="text-center over-load t2" id="loading1">
                                <div class="spinner-border spinner-border text-info" role="status">
                                  <span class="sr-only">加载中...</span>
                                </div>
                            </div> -->
								<ul class="eventAnalysisUl">
									<li>
										<!-- title -->
										<div th:if="${publicoption ne null}" class="ev-analysis-detail-title">
											[[${publicoption.eventname}]]
										</div>
									</li>
									<!-- <div class="ev-analysis-detail-abstract">
											<span>司法舆情分析研判对象</span>
										</div> -->
									<!-- <div class="event-card-box-content">
												<div class="event-top">
													<ul id="information" class="TopicClustering">
														<li>
															<span>标题</span>
															<span>来源</span>
															<span>时间</span>
															<span>情感</span>
														</li>
													</ul>
												</div>
											</div> -->
											<!-- <div class="all-pagebox m-t-20">
                                                <ul class="pagination float-right" id="page"></ul>
                                            </div> -->
									<li>
										<!-- 事件概述 -->
										<div class="ev-analysis-detail-abstract">
											<span>溯源分析</span>
										</div>
										<div th:if="${publicoption ne null}" class="ev-analysis-detail-abs-con">
											本报告围绕关键词“[[${publicoption.eventkeywords}]]”，对[[${publicoption.eventstarttime}]]~[[${publicoption.eventendtime}]]期间，互联网上采集到的<span id="total"></span>条信息进行了深入分析。全网声量最高峰出现在<span id="highest"></span>，共产生<span id="highest_total"></span>篇相关讯息；事件源头于<span id="fa_publish_time"></span>分发布在<span id="fa_source_name"></span>上，题名为『<span id="fa_title"></span>』。后续报道主要来源于<span id="source_ranking"></span>等几大站点。总体来说，整个事件的发展趋势较为<span id="trend"></span>，详细报告如下。
										</div>
									</li>
									<li>
										<!-- 事件走势 -->
										<div class="ev-analysis-detail-abstract">
											<span>事件脉络</span>
										</div>
										<div class="ev-ana-timeline" id="timeline">
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-start ev-trend-con">
													<span id="start_date"></span>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time1"></span>]【<span id="title1"></span>】<span id="contenta1"></span> 影响力：<span id="heat1"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time2"></span>]【<span id="title2"></span>】<span id="contenta2"></span> 影响力：<span id="heat2"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time3"></span>]【<span id="title3"></span>】<span id="contenta3"></span> 影响力：<span id="heat3"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time4"></span>]【<span id="title4"></span>】<span id="contenta4"></span> 影响力：<span id="heat4"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time5"></span>]【<span id="title5"></span>】<span id="contenta5"></span> 影响力：<span id="heat5"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time6"></span>]【<span id="title6"></span>】<span id="contenta6"></span> 影响力：<span id="heat6"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time7"></span>]【<span id="title7"></span>】<span id="contenta7"></span> 影响力：<span id="heat7"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time8"></span>]【<span id="title8"></span>】<span id="contenta8"></span> 影响力：<span id="heat8"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time9"></span>]【<span id="title9"></span>】<span id="contenta9"></span> 影响力：<span id="heat9"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-con">
													<div class="contenteditable">
														[<span id="publish_time10"></span>]【<span id="title10"></span>】<span id="contenta10"></span> 影响力：<span id="heat10"></span>
													</div>
												</div>
											</div>
											<div class="ev-analysis-detail-trend-con">
												<div class="ev-trend-start ev-trend-con">
													<span>结束</span>
												</div>
											</div>
										</div>
									</li>
									<li>
										<!-- 数据类型 -->
										<div class="ev-analysis-detail-abstract">
											<span>事件跟踪</span>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title">
												数据来源情感占比分析
											</div>
											<div class="event-card-box-content">
												<div id="container" style="width: 100%;height: 400px;"></div>
											</div>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title">
												时间线范围对应情感分析
											</div>
											<div class="event-card-box-content">
												<div id="linecontainer" style="width: 100%;height: 400px;"></div>
											</div>
										</div>
										<div class="row  m-b-20">
											<div class="col-lg-6">
												<div class="event-card-box">
													<div class="event-card-box-title">
														正面对应的社交帐号以及网站列表排名
													</div>
													<div class="event-zm-top event-top ">
														<ul>
															<li><span id="p_webname0"></span><span id="p_account_count0"></span></li>
															<li><span id="p_webname1"></span><span id="p_account_count1"></span></li>
															<li><span id="p_webname2"></span><span id="p_account_count2"></span></li>
															<li><span id="p_webname3"></span><span id="p_account_count3"></span></li>
															<li><span id="p_webname4"></span><span id="p_account_count4"></span></li>
															<li><span id="p_webname5"></span><span id="p_account_count5"></span></li>
															<li><span id="p_webname6"></span><span id="p_account_count6"></span></li>
															<li><span id="p_webname7"></span><span id="p_account_count7"></span></li>
															<li><span id="p_webname8"></span><span id="p_account_count8"></span></li>
															<li><span id="p_webname9"></span><span id="p_account_count9"></span></li>
														</ul>
													</div>
												</div>
											</div>
											<div class="col-lg-6">
												<div class="event-card-box">
													<div class="event-card-box-title">
														负面对应的社交帐号以及网站列表排名
													</div>
													<div class="event-fm-top event-top ">
														<ul>
															<li><span id="n_webname0"></span><span id="n_account_count0"></span></li>
															<li><span id="n_webname1"></span><span id="n_account_count1"></span></li>
															<li><span id="n_webname2"></span><span id="n_account_count2"></span></li>
															<li><span id="n_webname3"></span><span id="n_account_count3"></span></li>
															<li><span id="n_webname4"></span><span id="n_account_count4"></span></li>
															<li><span id="n_webname5"></span><span id="n_account_count5"></span></li>
															<li><span id="n_webname6"></span><span id="n_account_count6"></span></li>
															<li><span id="n_webname7"></span><span id="n_account_count7"></span></li>
															<li><span id="n_webname8"></span><span id="n_account_count8"></span></li>
															<li><span id="n_webname9"></span><span id="n_account_count9"></span></li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</li>

									<!--热点分析-->
									<!-- <li>
										数据类型
										<div class="ev-analysis-detail-abstract">
											<span>热点分析</span>
										</div>

										<div class="row m-b-20">
											<div class="col-lg-12">
												<div class="monitor-content" id="monitor-content" style="min-height: 180px;">
													<div class="wb-content just-bet">
														<div class="monitor-check"><input type="checkbox" id="check1"><span></span></div>
														<div class="monitor-right">
															<div class="monitor-content-title">
																<a id="url0" target="_blank" href="" class="link font-bold"> <span id="logo0" class="content-logo"></span><span id="topic0"></span> </a> <span id="issueTime0" class="sl-date  "> </span> </div>
															<div class="wb-content-imgbox">
																<div class="wb-right-content">
																	<div class="monitor-content-con font-13"></div>
																</div>
															</div>
															<div class="like-comm m-t-10 font-13"> <span class="link m-r-10"> <i class="mdi mdi-earth "></i> 来源 <span id="source_name0"></span></span><span id="emotionalIndex0" class="link f-right moodzm"></span><span class="link f-right moodfm" style="color: #9ca8b3;margin: 0;"> <i class="fas fa-fire" style="color: #fe475d;"> </i>  <span id="original_weight0"></span></span> </div>
														</div>
													</div>
													<hr>
													<div class="wb-content just-bet">
														<div class="monitor-check"><input type="checkbox" id="check1"><span></span></div>
														<div class="monitor-right">
															<div class="monitor-content-title">
																<a id="url1" target="_blank" href="#" class="link font-bold"> <span id="logo1" class="content-logo"></span><span id="topic1"></span> </a> <span id="issueTime1" class="sl-date  "> </span> </div>
															<div class="wb-content-imgbox">
																<div class="wb-right-content">
																	<div class="monitor-content-con font-13"></div>
																</div>
															</div>
															<div class="like-comm m-t-10 font-13"> <span class="link m-r-10"> <i class="mdi mdi-earth "></i> 来源 <span id="source_name1"></span></span><span id="emotionalIndex1" class="link f-right moodzm"></span><span class="link f-right moodfm" style="color: #9ca8b3;margin: 0;"> <i class="fas fa-fire" style="color: #fe475d;"> </i>  <span id="original_weight1"></span></span> </div>
														</div>
													</div>
													<hr>
													<div class="wb-content just-bet">
														<div class="monitor-check"><input type="checkbox" id="check1"><span></span></div>
														<div class="monitor-right">
															<div class="monitor-content-title">
																<a id="url2" target="_blank" href="#" class="link font-bold"> <span id="logo2" class="content-logo"></span><span id="topic2"></span> </a> <span id="issueTime2" class="sl-date  "> </span> </div>
															<div class="wb-content-imgbox">
																<div class="wb-right-content">
																	<div class="monitor-content-con font-13"></div>
																</div>
															</div>
															<div class="like-comm m-t-10 font-13"> <span class="link m-r-10"> <i class="mdi mdi-earth "></i> 来源 <span id="source_name2"></span></span><span id="emotionalIndex2" class="link f-right moodzm"></span><span class="link f-right moodfm" style="color: #9ca8b3;margin: 0;"> <i class="fas fa-fire" style="color: #fe475d;"> </i>  <span id="original_weight2"></span></span> </div>
														</div>
													</div>
													<hr>
													<div class="wb-content just-bet">
														<div class="monitor-check"><input type="checkbox" id="check1"><span></span></div>
														<div class="monitor-right">
															<div class="monitor-content-title">
																<a id="url3" target="_blank" href="#" class="link font-bold"> <span id="logo3" class="content-logo"></span><span id="topic3"></span> </a> <span id="issueTime3" class="sl-date  "> </span> </div>
															<div class="wb-content-imgbox">
																<div class="wb-right-content">
																	<div class="monitor-content-con font-13"></div>
																</div>
															</div>
															<div class="like-comm m-t-10 font-13"> <span class="link m-r-10"> <i class="mdi mdi-earth "></i> 来源 <span id="source_name3"></span></span><span id="emotionalIndex3" class="link f-right moodzm"></span><span class="link f-right moodfm" style="color: #9ca8b3;margin: 0;"> <i class="fas fa-fire" style="color: #fe475d;"> </i>  <span id="original_weight3"></span></span> </div>
														</div>
													</div>
													<hr>
													<div class="wb-content just-bet">
														<div class="monitor-check"><input type="checkbox" id="check1"><span></span></div>
														<div class="monitor-right">
															<div class="monitor-content-title">
																<a id="url4" target="_blank" href="#" class="link font-bold"> <span id="logo4" class="content-logo"></span><span id="topic4"></span> </a> <span id="issueTime4" class="sl-date  "> </span> </div>
															<div class="wb-content-imgbox">
																<div class="wb-right-content">
																	<div class="monitor-content-con font-13"></div>
																</div>
															</div>
															<div class="like-comm m-t-10 font-13"> <span class="link m-r-10"> <i class="mdi mdi-earth "></i> 来源 <span id="source_name4"></span></span><span id="emotionalIndex4" class="link f-right moodzm"></span><span class="link f-right moodfm" style="color: #9ca8b3;margin: 0;"> <i class="fas fa-fire" style="color: #fe475d;"> </i>  <span id="original_weight4"></span></span> </div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</li> -->

									<!-- <li>
										网民观点 
										<div class="ev-analysis-detail-abstract">
											<span>重点网民分析</span>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												重点人
											</div>
											<div class="event-card-box-content">
												<div class="event-top">
													<ul class="TopicClustering" id="nafigure">
														<li>
															<span>昵称</span>
															<span>粉丝数</span>
															<span>微博数</span>
															<span style="width:15%;">参与微博个数(转发)</span>
														</li>

														<li>
															<span id="nickname0"></span>
															<span id="fans0"></span>
															<span id="weiboNum0"></span>
															<span style="width:15%;" id="publish_related0"></span>
														</li>
														<li>
															<span id="nickname1"></span>
															<span id="fans1"></span>
															<span id="weiboNum1"></span>
															<span style="width:15%;" id="publish_related1"></span>
														</li>
														<li>
															<span id="nickname2"></span>
															<span id="fans2"></span>
															<span id="weiboNum2"></span>
															<span style="width:15%;" id="publish_related2"></span>
														</li>
														<li>
															<span id="nickname3"></span>
															<span id="fans3"></span>
															<span id="weiboNum3"></span>
															<span style="width:15%;" id="publish_related3"></span>
														</li>
														<li>
															<span id="nickname4"></span>
															<span id="fans4"></span>
															<span id="weiboNum4"></span>
															<span style="width:15%;" id="publish_related4"></span>
														</li>
														<li>
															<span id="nickname5"></span>
															<span id="fans5"></span>
															<span id="weiboNum5"></span>
															<span style="width:15%;" id="publish_related5"></span>
														</li>
														<li>
															<span id="nickname6"></span>
															<span id="fans6"></span>
															<span id="weiboNum6"></span>
															<span style="width:15%;" id="publish_related6"></span>
														</li>
														<li>
															<span id="nickname7"></span>
															<span id="fans7"></span>
															<span id="weiboNum7"></span>
															<span style="width:15%;" id="publish_related7"></span>
														</li>
														<li>
															<span id="nickname8"></span>
															<span id="fans8"></span>
															<span id="weiboNum8"></span>
															<span style="width:15%;" id="publish_related8"></span>
														</li>
														<li>
															<span id="nickname9"></span>
															<span id="fans9"></span>
															<span id="weiboNum9"></span>
															<span style="width:15%;" id="publish_related9"></span>
														</li>
													</ul>
												</div>
											</div>
										</div>

										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												重点网民关系
											</div>
											<div class="event-card-box-content">
												<img th:src="@{/assets/images/网民关系.jpg}" style="width: 100%;" />
												<div id="wmgxt" style="width:1000px;height:800px"></div>
							
											</div>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												重点对象事件
											</div>
											<div class="event-card-box-content">
												<div class="event-top">
													<ul class="TopicClustering" id="naobject">
														<li>
															<span>标题</span>
															<span>作者</span>
															<span>时间</span>
															<span>热度</span>
														</li>

														<li>
															<span><span
                                                                class="v-hot v-hot1">1</span><span id="objeventTitle0"></span></span>
															<span id="author0"></span>
															<span id="objeventTime0"></span>
															<span id="hot0"></span>
														</li>

														<li>
															<span><span
                                                                class="v-hot v-hot2">2</span><span id="objeventTitle1"></span></span>
															<span id="author1"></span>
															<span id="objeventTime1"></span>
															<span id="hot1"></span>
														</li>

														<li>
															<span><span class="v-hot v-hot3">3</span><span id="objeventTitle2"></span>
															</span>
															<span id="author2"></span>
															<span id="objeventTime2"></span>
															<span id="hot2"></span>
														</li>

														<li>
															<span><span class="v-hot">4</span><span id="objeventTitle3"></span></span>
															<span id="author3"></span>
															<span id="objeventTime3"></span>
															<span id="hot3"></span>
														</li>

														<li>
															<span><span class="v-hot">5</span><span id="objeventTitle4"></span></span>
															<span id="author4"></span>
															<span id="objeventTime4"></span>
															<span id="hot4"></span>
														</li>

														<li>
															<span><span class="v-hot">6</span><span id="objeventTitle5"></span></span>
															<span id="author5"></span>
															<span id="objeventTime5"></span>
															<span id="hot5"></span>
														</li>

														<li>
															<span><span class="v-hot">7</span><span id="objeventTitle6"></span></span>
															<span id="author6"></span>
															<span id="objeventTime6"></span>
															<span id="hot6"></span>
														</li>

														<li>
															<span><span class="v-hot">8</span><span id="objeventTitle7"></span></span>
															<span id="author7"></span>
															<span id="objeventTime7"></span>
															<span id="hot7"></span>
														</li>

														<li>
															<span><span class="v-hot">9</span><span id="objeventTitle8"></span></span>
															<span id="author8"></span>
															<span id="objeventTime8"></span>
															<span id="hot8"></span>
														</li>

														<li>
															<span><span class="v-hot">10</span><span id="objeventTitle9"></span></span>
															<span id="author9"></span>
															<span id="objeventTime9"></span>
															<span id="hot9"></span>
														</li>
													</ul>
												</div>
											</div>
										</div>
										
									</li> -->

									<li>
										<!-- 网站统计 -->
										<div class="ev-analysis-detail-abstract">
											<span>统计</span>
										</div>

										<div class="row">
											<div class="col-lg-4">
												<div class="event-card-box">
													<div class="event-card-box-title">
														来源网站排名列表
													</div>
													<div class="event-top">
														<ul>
															<li><span id="sm_name0"></span><span id="sm_num0"></span></li>
															<li><span id="sm_name1"></span><span id="sm_num1"></span></li>
															<li><span id="sm_name2"></span><span id="sm_num2"></span></li>
															<li><span id="sm_name3"></span><span id="sm_num3"></span></li>
															<li><span id="sm_name4"></span><span id="sm_num4"></span></li>
															<li><span id="sm_name5"></span><span id="sm_num5"></span></li>
															<li><span id="sm_name6"></span><span id="sm_num6"></span></li>
															<li><span id="sm_name7"></span><span id="sm_num7"></span></li>
															<li><span id="sm_name8"></span><span id="sm_num8"></span></li>
															<li><span id="sm_name9"></span><span id="sm_num9"></span></li>
														</ul>
													</div>
												</div>
											</div>
											<!-- 2 -->
											<div class="col-lg-4">
												<div class="event-card-box">
													<div class="event-card-box-title">
														微博帐号排名
													</div>
													<div class="event-top">
														<ul>
															<li><span id="weibo_name0"></span> <span id="weibo_num0"></span></li>
															<li><span id="weibo_name1"></span> <span id="weibo_num1"></span></li>
															<li><span id="weibo_name2"></span> <span id="weibo_num2"></span></li>
															<li><span id="weibo_name3"></span><span id="weibo_num3"></span></li>
															<li><span id="weibo_name4"></span><span id="weibo_num4"></span></li>
															<li><span id="weibo_name5"></span><span id="weibo_num5"></span></li>
															<li><span id="weibo_name6"></span><span id="weibo_num6"></span></li>
															<li><span id="weibo_name7"></span> <span id="weibo_num7"></span></li>
															<li><span id="weibo_name8"></span><span id="weibo_num8"></span></li>
															<li><span id="weibo_name9"></span><span id="weibo_num9"></span></li>
														</ul>
													</div>
												</div>
											</div>
											<!-- 3 -->
											<!-- <div class="col-lg-3">
												<div class="event-card-box">
													<div class="event-card-box-title">
														社交媒体排名
													</div>
													<div class="event-top">
														<ul>
															<li><span id="website_name0"></span> <span id="website_num0"></span></li>
															<li><span id="website_name1"></span> <span id="website_num1"></span></li>
															<li><span id="website_name2"></span> <span id="website_num2"></span></li>
															<li><span id="website_name3"></span><span id="website_num3"></span></li>
															<li><span id="website_name4"></span><span id="website_num4"></span></li>
															<li><span id="website_name5"></span><span id="website_num5"></span></li>
															<li><span id="website_name6"></span><span id="website_num6"></span></li>
															<li><span id="website_name7"></span> <span id="website_num7"></span></li>
															<li><span id="website_name8"></span><span id="website_num8"></span></li>
															<li><span id="website_name9"></span><span id="website_num9"></span></li>
														</ul>
													</div>
												</div>
											</div> -->
											<!-- 3 end -->
											<!-- 4 -->
											<div class="col-lg-4">
												<div class="event-card-box">
													<div class="event-card-box-title">
														自媒体帐号排名
													</div>
													<div class="event-top">
														<ul>
															<li><span id="wemedia_name0"></span> <span id="wemedia_num0"></span></li>
															<li><span id="wemedia_name1"></span> <span id="wemedia_num1"></span></li>
															<li><span id="wemedia_name2"></span> <span id="wemedia_num2"></span></li>
															<li><span id="wemedia_name3"></span><span id="wemedia_num3"></span></li>
															<li><span id="wemedia_name4"></span><span id="wemedia_num4"></span></li>
															<li><span id="wemedia_name5"></span><span id="wemedia_num5"></span></li>
															<li><span id="wemedia_name6"></span><span id="wemedia_num6"></span></li>
															<li><span id="wemedia_name7"></span> <span id="wemedia_num7"></span></li>
															<li><span id="wemedia_name8"></span><span id="wemedia_num8"></span></li>
															<li><span id="wemedia_name9"></span><span id="wemedia_num9"></span></li>
														</ul>
													</div>
												</div>
											</div>
											<!-- 4 end -->
										</div>
									</li>
									<li>
										<!-- 网民观点  -->
										<div class="ev-analysis-detail-abstract">
											<span>传播分析</span>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title">
												媒体活跃度分析
											</div>
											<div class="event-card-box-content">
												<div class="table-responsive" id="selfMediaRankingListDiv">
													<table class="table no-wrap v-middle">
														<thead>
															<tr class="border-0">
																<th class="border-0">名称</th>
																<th class="border-0">平台名称</th>
																<th class="border-0">粉丝关注</th>
																<th class="border-0">发表数量</th>
															</tr>
														</thead>
														<tbody id="selfMediaRankingList">
														</tbody>
													</table>
												</div>
											</div>
										</div>

										<div class="event-card-box m-b-20">
											<div class="event-card-box-title">
												数据来源分析
											</div>
											<div class="event-card-box-content">
												<div class="card-body overview-content">
													<ul class="create-tab-report pro-bb" id="search-tab2" style="margin-left:15px;">
														<li class="create-tab-act" onclick="change(1)" id="item1">全部</li>
														<li id="item2" onclick="change(2)" class="">客户端</li>
														<li id="item3" onclick="change(3)" class="">网站</li>
														<li id="item4" onclick="change(4)" class="">政府网站</li>
														<li id="item5" onclick="change(5)" class="">微信</li>
														<li id="item6" onclick="change(6)" class="">微博</li>
													</ul>
													<div class="volume-data" style="margin-left:15px;">
														<div class="overview-media-title">
															<span>排名</span>
															<span>媒体/账号名称</span>
															<span>媒体类型</span>
															<!--<span>舆情条数</span>-->
															<span>总条数</span>
															<!--<span>敏感舆情条数</span>-->
															<span>敏感舆情</span>
														</div>
														<div id="dataSourceAnalysis1">
														</div>
														<div id="dataSourceAnalysis2">
														</div>
														<div id="dataSourceAnalysis3">
														</div>
														<div id="dataSourceAnalysis4">
														</div>
														<div id="dataSourceAnalysis5">
														</div>
														<div id="dataSourceAnalysis6">
														</div>
													</div>
													<!--<div class="m-t-10 over-event-box">
                                    <div id="activewebsite" style="height: 320px;"></div>
                                </div>-->
													<!-- more -->
													<!-- <div class="over-more">
                                  <a href="#">查看更多</a>
                              </div> -->
												</div>
											</div>
										</div>
									</li>

									<li>
										<!-- 词云分布 -->
										<div class="ev-analysis-detail-abstract">
											<span>专题分析</span>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												观点聚类
											</div>
											<div class="event-card-box-content">
												<div class="event-top">
													<ul id="view" class="TopicClustering">
														<li>
															<span>标题</span>
															<span>最早来源</span>
															<span>时间</span>
															<span>热度</span>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												网民观点
											</div>
											<div class="event-card-box-content">
												<div class="event-top">
													<ul id="netizen" class="TopicClustering">
														<li>
															<span>标题</span>
															<span>最早来源</span>
															<span>时间</span>
															<span>热度</span>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="event-card-box m-b-20">
											<div class="event-card-box-title ev-b">
												媒体观点
											</div>
											<div class="event-card-box-content">
												<div class="event-top">
													<ul id="media" class="TopicClustering">
														<li>
															<span>标题</span>
															<span>最早来源</span>
															<span>时间</span>
															<span>热度</span>
														</li>
													</ul>
												</div>
											</div>
										</div>
									</li>

									<li>
										<!-- 舆情总结 -->
										<div class="ev-analysis-detail-abstract">
											<span>内容解读</span>
										</div>

										<div th:if="${publicoption ne null}" class="ev-analysis-detail-abs-con">
											综上所述，在『[[${publicoption.eventname}]]』事件/话题中，媒体主流报道为『<span id="main_media"></span>』，网民主流意见为『#<span id="wemedia"></span>#』；应深入挖掘网民意见和情感倾向，识别事件传播过程中的意见领袖和主要信息来源，预测或追踪舆论走向，以便对不良舆论进行疏导。
										</div>
									</li>
								</ul>
							</div>
						</div>
						<!-- 24h end -->
					</div>
					<!-- ============================================================== -->
					<!-- footer start  -->
					<!-- ============================================================== -->
					 <div class="page-footer">
						© 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1
					</div> 
					<!-- ============================================================== -->
					<!-- footer end  -->
					<!-- ============================================================== -->
				</div>
			</div>
			<!-- ============================================================== -->
			<!-- End Page wrapper  -->
			<!-- ============================================================== -->
		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
		<!-- Bootstrap tether Core JavaScript -->
		<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
		<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
		<!-- apps -->
		<script th:src="@{/dist/js/app.min.js}"></script>
		<script th:src="@{/dist/js/app.init.light-sidebar.js}"></script>
		<script th:src="@{/dist/js/app-style-switcher.js}"></script>
		<!-- slimscrollbar scrollbar JavaScript -->
		<script th:src="@{/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js}"></script>
		<script th:src="@{/assets/extra-libs/sparkline/sparkline.js}"></script>
		<!--Wave Effects -->
		<script th:src="@{/dist/js/waves.js}"></script>
		<!--Menu sidebar -->
		<script th:src="@{/dist/js/sidebarmenu.js}"></script>
		<!--Custom JavaScript -->
		<script th:src="@{/dist/js/custom.min.js}"></script>
		<script th:src="@{/assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js}"></script>
		<script th:src="@{/assets/libs/sweetalert2/dist/sweetalert2.all.min.js}"></script>
		<script th:src="@{/dist/js/pages.js}"></script>
		<script th:src="@{/dist/js/echarts.min.js}"></script>
		<script th:src="@{/dist/js/echarts-wordcloud.min.js}"></script>
		<script th:src="@{/dist/js/china.js}"></script>
		<script th:src="@{/dist/js/publicoption.js?unixtemp=888888}"></script>
		<script th:src="@{/dist/eventAnalysisDetail.js?unixtemp=888888}"></script>
		<script th:src="@{/dist/eventAnalysisReport.js?unixtemp=888888}"></script>
		<script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
		<script type="text/javascript" th:inline="javascript">
		$("#currentyear").text((new Date()).getFullYear());
		var publicoption=[[${publicoption}]]
		var start_time='[[${publicoption ne null ? publicoption.eventstarttime : ""}]]'
		var back_analysis = '[[${back_analysis}]]'
		var event_context = '[[${event_context}]]'
		var event_trace = '[[${event_trace}]]'
		var hot_analysis = '[[${hot_analysis}]]'
		var netizens_analysis = '[[${netizens_analysis}]]'
		var statistics = '[[${statistics}]]'
		var propagation_analysis = '[[${propagation_analysis}]]'
		var thematic_analysis = '[[${thematic_analysis}]]'
		var unscramble_content = '[[${unscramble_content}]]'
		try {
			if(back_analysis!=''){
		    	back_analysis  =  JSON.parse(escape2Html(back_analysis))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(event_context!=''){
		    	event_context  =  JSON.parse(escape2Html(event_context))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(event_trace!=''){
		   	 	event_trace  =  JSON.parse(escape2Html(event_trace))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(hot_analysis!=''){
		    	hot_analysis  =  JSON.parse(escape2Html(hot_analysis))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(netizens_analysis!=''){
		    	netizens_analysis  =  JSON.parse(escape2Html(netizens_analysis))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(statistics!=''){
		    	statistics  =  JSON.parse(escape2Html(statistics))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(propagation_analysis!=''){
		    	propagation_analysis  =  JSON.parse(escape2Html(propagation_analysis))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(thematic_analysis!=''){
		    	thematic_analysis  =  JSON.parse(escape2Html(thematic_analysis))
			}
		} catch(err) {
		    console.log(err)
		}
		try {
			if(unscramble_content!=''){
		    	unscramble_content  =  JSON.parse(escape2Html(unscramble_content))
			}
		} catch(err) {
		    console.log(err)
		}
		
		function change(num){
			for(let i=1;i<7;i++){
				if(num==i){
					$('#dataSourceAnalysis'+i).show()
					$('#item'+i).attr('class','create-tab-act')
				}else{
					$('#dataSourceAnalysis'+i).hide()
					$('#item'+i).attr('class','')
				}
			}
		}
		function escape2Html(str) {
    	  var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
    	  return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
    	}
		 anychart.onDocumentReady(function () {
			 	let dataArr=new Array()
			 	let arr=event_trace.feelings_of_source
			 	for(let i in arr){
			 		let arr2=new Array()
			 		for(let j in arr[i]){
			 			arr2.push(arr[i][j])
			 		}
			 		dataArr.push(arr2)
			 	}
	            // create data set on our data
	            var dataSet = anychart.data.set(dataArr);

	            // map data for the first series, take x from the zero column and value from the first column of data set
	            var seriesData_1 = dataSet.mapAs({ 'x': 0, 'value': 1 });

	            // map data for the second series, take x from the zero column and value from the second column of data set
	            var seriesData_2 = dataSet.mapAs({ 'x': 0, 'value': 2 });

	            var seriesData_3 = dataSet.mapAs({ 'x': 0, 'value': 3 });
	            // create column chart
	            var chart = anychart.column();

	            // turn on chart animation
	            chart.animation(true);

	            // set chart title text settings
	            chart.title('');

	            // temp variable to store series instance
	            var series;

	            // helper function to setup label settings for all series
	            var setupSeries = function (series, name) {
	                series.name(name);
	                series.selected()
	                    .fill('#f48fb1')
	                    .stroke('1.5 #c2185b');
	            };

	            // create first series with mapped data
	            series = chart.column(seriesData_1);
	            series.xPointPosition(0.35);
	            setupSeries(series, '正面');

	            // create second series with mapped data
	            series = chart.column(seriesData_2);
	            series.xPointPosition(0.55);
	            setupSeries(series, '中性');
	            
	            series = chart.column(seriesData_3);
	            series.xPointPosition(0.75);
	            setupSeries(series, '负面');

	            // set chart padding
	            chart.barGroupsPadding(0.3);

	            // format numbers in y axis label to match browser locale
	            chart.yAxis().labels().format('{%Value}{groupsSeparator: }');

	            // set titles for Y-axis
	            chart.yAxis().title('');

	            // turn on legend
	            chart.legend()
	                .enabled(true)
	                .fontSize(13)
	                .padding([0, 0, 20, 0]);

	            chart.interactivity().hoverMode('single');

	            chart.tooltip().format('{%Value}{groupsSeparator: }');

	            // set container id for the chart
	            chart.container('container');

	            // initiate chart drawing
	            chart.draw();
	            setTimeout(() => {
	                $(".anychart-credits").hide()
	            }, 10);
	        });
		
		 </script>
		<!-- line -->
		<script>
			anychart.onDocumentReady(function() {
				// create data set on our data
				var dataSet = anychart.data.set(getData());

				// map data for the first series, take x from the zero column and value from the first column of data set
				var seriesData_1 = dataSet.mapAs({
					'x': 0,
					'value': 1
				});

				// map data for the second series, take x from the zero column and value from the second column of data set
				var seriesData_2 = dataSet.mapAs({
					'x': 0,
					'value': 2
				});

				// map data for the third series, take x from the zero column and value from the third column of data set
				var seriesData_3 = dataSet.mapAs({
					'x': 0,
					'value': 3
				});

				// create line chart
				var chart = anychart.line();

				// turn on chart animation
				chart.animation(true);

				// set chart padding
				chart.padding([10, 20, 5, 20]);

				// turn on the crosshair
				chart.crosshair()
					.enabled(true)
					.yLabel(false)
					.yStroke(null);

				// set tooltip mode to point
				chart.tooltip().positionMode('point');

				// set chart title text settings
				chart.title('情感趋势');

				// set yAxis title
// 				chart.yAxis().title('Number of Bottles Sold (thousands)');
				chart.xAxis().labels().padding(5);

				// create first series with mapped data
				var series_1 = chart.line(seriesData_1);
				series_1.name('正面');
				series_1.hovered().markers()
					.enabled(true)
					.type('circle')
					.size(4);
				series_1.tooltip()
					.position('right')
					.anchor('left-center')
					.offsetX(5)
					.offsetY(5);

				// create second series with mapped data
				var series_2 = chart.line(seriesData_2);
				series_2.name('中性');
				series_2.hovered().markers()
					.enabled(true)
					.type('circle')
					.size(4);
				series_2.tooltip()
					.position('right')
					.anchor('left-center')
					.offsetX(5)
					.offsetY(5);

				// create third series with mapped data
				var series_3 = chart.line(seriesData_3);
				series_3.name('负面');
				series_3.hovered().markers()
					.enabled(true)
					.type('circle')
					.size(4);
				series_3.tooltip()
					.position('right')
					.anchor('left-center')
					.offsetX(5)
					.offsetY(5);

				// turn the legend on
				chart.legend()
					.enabled(true)
					.fontSize(13)
					.padding([0, 0, 10, 0]);

				// set container id for the chart
				chart.container('linecontainer');
				// initiate chart drawing
				chart.draw();
			});

			function getData() {
				let dataArr=new Array()
			 	let arr=event_trace.feelings_of_timeline
			 	for(let i in arr){
			 		let arr2=new Array()
			 		for(let j in arr[i]){
			 			arr2.push(arr[i][j])
			 		}
			 		dataArr.push(arr2)
			 	}
				return dataArr
			}
			
			/**
			 * @author huajiancheng
			 * @date 2020/04/16
			 * @description 分页
			 */
			function pageHelper(currentPage, totalPages) {
				$("#page")
						.bootstrapPaginator(
								{
									bootstrapMajorVersion : 3, // 版本
									currentPage : currentPage, // 当前页数
									numberOfPages : 10, // 每次显示页数
									totalPages : totalPages > 500 ? 500 : totalPages, // 总页数
									shouldShowPage : true, // 是否显示该按钮
									useBootstrapTooltip : false,
									onPageClicked : function(event, originalEvent, type,
											page) {
										console.log("PAGE = " + page);
										if (page > 500) {
											page = 500;
										}
										popular_feelings_analys2(publicoption,page)
									}
								});
			}
			
			// createEvent
		    $("#createEvent").click(function (param) {
		        createEvent()
		     })
		</script>
		<!-- line -->
		<script>
// 			anychart.onDocumentReady(function() {
// 				// create data set on our data
// 				var dataSet = anychart.data.set(getData());

// 				// map data for the first series, take x from the zero column and value from the first column of data set
// 				var seriesData_1 = dataSet.mapAs({
// 					'x': 0,
// 					'value': 1
// 				});

// 				// map data for the second series, take x from the zero column and value from the second column of data set
// 				var seriesData_2 = dataSet.mapAs({
// 					'x': 0,
// 					'value': 2
// 				});

// 				// map data for the third series, take x from the zero column and value from the third column of data set
// 				var seriesData_3 = dataSet.mapAs({
// 					'x': 0,
// 					'value': 3
// 				});

// 				// create line chart
// 				var chart = anychart.line();

// 				// turn on chart animation
// 				chart.animation(true);

// 				// set chart padding
// 				chart.padding([10, 20, 5, 20]);

// 				// turn on the crosshair
// 				chart.crosshair()
// 					.enabled(true)
// 					.yLabel(false)
// 					.yStroke(null);

// 				// set tooltip mode to point
// 				chart.tooltip().positionMode('point');

// 				// set chart title text settings
// 				chart.title('Trend of Sales of the Most Popular Products of ACME Corp.');

// 				// set yAxis title
// 				chart.yAxis().title('Number of Bottles Sold (thousands)');
// 				chart.xAxis().labels().padding(5);

// 				// create first series with mapped data
// 				var series_1 = chart.line(seriesData_1);
// 				series_1.name('Brandy');
// 				series_1.hovered().markers()
// 					.enabled(true)
// 					.type('circle')
// 					.size(4);
// 				series_1.tooltip()
// 					.position('right')
// 					.anchor('left-center')
// 					.offsetX(5)
// 					.offsetY(5);

// 				// create second series with mapped data
// 				var series_2 = chart.line(seriesData_2);
// 				series_2.name('Whiskey');
// 				series_2.hovered().markers()
// 					.enabled(true)
// 					.type('circle')
// 					.size(4);
// 				series_2.tooltip()
// 					.position('right')
// 					.anchor('left-center')
// 					.offsetX(5)
// 					.offsetY(5);

// 				// create third series with mapped data
// 				var series_3 = chart.line(seriesData_3);
// 				series_3.name('Tequila');
// 				series_3.hovered().markers()
// 					.enabled(true)
// 					.type('circle')
// 					.size(4);
// 				series_3.tooltip()
// 					.position('right')
// 					.anchor('left-center')
// 					.offsetX(5)
// 					.offsetY(5);

// 				// turn the legend on
// 				chart.legend()
// 					.enabled(true)
// 					.fontSize(13)
// 					.padding([0, 0, 10, 0]);

// 				// set container id for the chart
// 				chart.container('linecontainer2');
// 				// initiate chart drawing
// 				chart.draw();
// 			});

// 			function getData() {
// 				return [
// 					['1986', 3.6, 2.3, 2.8, 11.5],
// 					['1987', 7.1, 4.0, 4.1, 14.1],
// 					['1988', 8.5, 6.2, 5.1, 17.5],
// 					['1989', 9.2, 11.8, 6.5, 18.9],
// 					['1990', 10.1, 13.0, 12.5, 20.8],
// 					['1991', 11.6, 13.9, 18.0, 22.9],
// 					['1992', 16.4, 18.0, 21.0, 25.2],
// 					['1993', 18.0, 23.3, 20.3, 27.0],
// 					['1994', 13.2, 24.7, 19.2, 26.5],
// 					['1995', 12.0, 18.0, 14.4, 25.3],
// 					['1996', 3.2, 15.1, 9.2, 23.4],
// 					['1997', 4.1, 11.3, 5.9, 19.5],
// 					['1998', 6.3, 14.2, 5.2, 17.8],
// 					['1999', 9.4, 13.7, 4.7, 16.2],
// 					['2000', 11.5, 9.9, 4.2, 15.4],
// 					['2001', 13.5, 12.1, 1.2, 14.0],
// 					['2002', 14.8, 13.5, 5.4, 12.5],
// 					['2003', 16.6, 15.1, 6.3, 10.8],
// 					['2004', 18.1, 17.9, 8.9, 8.9],
// 					['2005', 17.0, 18.9, 10.1, 8.0],
// 					['2006', 16.6, 20.3, 11.5, 6.2],
// 					['2007', 14.1, 20.7, 12.2, 5.1],
// 					['2008', 15.7, 21.6, 10, 3.7],
// 					['2009', 12.0, 22.5, 8.9, 1.5]
// 				]
// 			}
		</script>

		<script>
			hotSpotRankingChart()
			// 15、热点地区排名 图表
			function hotSpotRankingChart(datas) {
				// 地图
				//	window.onload = function () {
				var url = "dist/js/reportdata.json" /* json文件url，本地的就写本地的位置，如果是服务器的就写服务器的路径 */
				var request = new XMLHttpRequest();
				request.open("get", url); /* 设置请求方法与路径 */
				request.send(null); /* 不发送数据到服务器 */
				request.onload = function() { /* XHR对象获取到返回信息后执行 */
					if(request.status == 200) { /* 返回状态为200，即为数据获取成功 */
						var jsondata = JSON.parse(request.responseText);
						var myChartdt = echarts.init(document.getElementById("chinadt"))
						echarts.registerMap('china', jsondata);
						var geoCoordMap = {
							'台湾': [121.5135, 25.0308],
							'黑龙江': [127.9688, 45.368],
							'内蒙古': [110.3467, 41.4899],
							"吉林": [125.8154, 44.2584],
							'北京市': [116.4551, 40.2539],
							"辽宁": [123.1238, 42.1216],
							"河北": [114.4995, 38.1006],
							"天津": [117.4219, 39.4189],
							"山西": [112.3352, 37.9413],
							"陕西": [109.1162, 34.2004],
							"甘肃": [103.5901, 36.3043],
							"宁夏": [106.3586, 38.1775],
							"青海": [101.4038, 36.8207],
							"新疆": [87.9236, 43.5883],
							"西藏": [91.11, 29.97],
							"四川": [103.9526, 30.7617],
							"重庆": [108.384366, 30.439702],
							"山东": [117.1582, 36.8701],
							"河南": [113.4668, 34.6234],
							"江苏": [118.8062, 31.9208],
							"安徽": [117.29, 32.0581],
							"湖北": [114.3896, 30.6628],
							"浙江": [119.5313, 29.8773],
							"福建": [119.4543, 25.9222],
							"江西": [116.0046, 28.6633],
							"湖南": [113.0823, 28.2568],
							"贵州": [106.6992, 26.7682],
							"云南": [102.9199, 25.4663],
							"广东": [113.12244, 23.009505],
							"广西": [108.479, 23.1152],
							"海南": [110.3893, 19.8516],
							'上海': [121.4648, 31.2891],

						};
						var data = [{
								"name": "北京",
								"value": 0
							},
							{
								name: "香港",
								value: 42
							},
							{
								name: "天津",
								value: 42
							},
							{
								name: "河北",
								value: 102
							},
							{
								name: "山西",
								value: 81
							},
							{
								name: "内蒙古",
								value: 47
							},
							{
								name: "辽宁",
								value: 67
							},
							{
								name: "吉林",
								value: 82
							},
							{
								"name": "黑龙江",
								"value": 12236
							},
							{
								name: "上海",
								value: 24
							},
							{
								name: "江苏",
								value: 92
							},
							{
								name: "浙江",
								value: 114
							},
							{
								name: "安徽",
								value: 109
							},
							{
								name: "福建",
								value: 116
							},
							{
								name: "江西",
								value: 91
							},
							{
								name: "山东",
								value: 119
							},
							{
								name: "河南",
								value: 137
							},
							{
								name: "湖北",
								value: 116
							},
							{
								name: "湖南",
								value: 114
							},
							{
								name: "重庆",
								value: 91
							},
							{
								name: "四川",
								value: 125
							},
							{
								name: "贵州",
								value: 62
							},
							{
								name: "云南",
								value: 83
							},
							{
								name: "西藏",
								value: 9
							},
							{
								name: "陕西",
								value: 80
							},
							{
								name: "甘肃",
								value: 56
							},
							{
								name: "青海",
								value: 10
							},
							{
								name: "宁夏",
								value: 18
							},
							{
								name: "新疆",
								value: 180
							},
							{
								name: "广东",
								value: 123
							},
							{
								name: "广西",
								value: 59
							},
							{
								name: "海南",
								value: 14
							},
						];
						var max = 480,
							min = 9; // todo
						var maxSize4Pin = 100,
							minSize4Pin = 20;
						var convertData = function(data) {
							var res = [];
							for(var i = 0; i < data.length; i++) {
								var geoCoord = geoCoordMap[data[i].name];
								if(geoCoord) {
									res.push({
										name: data[i].name,
										value: geoCoord.concat(data[i].value)
									});
								}
							}
							return res;
						};

						var optiondt = {
							// backgroundColor: {
							// type: 'linear',
							// x: 0,
							// y: 0,
							// x2: 1,
							// y2: 1,
							// colorStops: [{
							// offset: 0, color: '#0f378f' // 0% 处的颜色
							// }, {
							// offset: 1, color: '#00091a' // 100% 处的颜色
							// }],
							// globalCoord: false // 缺省为 false
							// },

							tooltip: {
								trigger: 'item',
								formatter: function(params) {
									if(typeof(params.value)[2] == "undefined") {
										return params.name + ' : ' + params.value;
									} else {
										return params.name + ' : ' + params.value[2];
									}
								}
							},
							/*
							 * legend: { orient: 'vertical', y: 'bottom', x:
							 * 'right', data:['pm2.5'], textStyle: { color: '#fff' } },
							 */
							legend: {
								orient: 'vertical',
								y: 'bottom',
								x: 'right',
								data: ['pm2.5'],
								textStyle: {
									color: '#ccc'
								}
							},
							visualMap: {
								show: false,
								min: 0,
								max: 500,
								left: 'left',
								top: 'bottom',
								text: ['高', '低'], // 文本，默认为数值文本
								calculable: true,
								seriesIndex: [1],
								inRange: {

								}
							},
							geo: {
								map: 'china',
								show: true,
								roam: true,
								label: {
									normal: {
										show: false
									},
									emphasis: {
										show: false,
									}
								},
								itemStyle: {
									normal: {
										areaColor: '#3a7fd5',
										borderColor: '#0a53e9', // 线
										shadowColor: '#092f8f', // 外发光
										shadowBlur: 20
									},
									emphasis: {
										areaColor: '#0a2dae', // 悬浮区背景
									}
								}
							},
							series: [{

									symbolSize: 5,
									label: {
										normal: {
											formatter: '{b}',
											position: 'right',
											show: true
										},
										emphasis: {
											show: true
										}
									},
									itemStyle: {
										normal: {
											color: '#fff'
										}
									},
									name: 'light',
									type: 'scatter',
									coordinateSystem: 'geo',
									data: convertData(data),

								},
								{
									type: 'map',
									map: 'china',
									geoIndex: 0,
									aspectScale: 0.8, // 长宽比
									showLegendSymbol: false, // 存在legend时显示
									label: {
										normal: {
											show: false
										},
										emphasis: {
											show: false,
											textStyle: {
												color: '#fff'
											}
										}
									},
									roam: false,
									itemStyle: {
										normal: {
											areaColor: '#031525',
											borderColor: '#FFFFFF',
										},
										emphasis: {
											areaColor: '#2B91B7'
										}
									},
									animation: false,
									data: data
								},
								{
									name: 'Top 5',
									type: 'scatter',
									coordinateSystem: 'geo',
									symbol: 'pin',
									symbolSize: [50, 50],
									label: {
										normal: {
											show: true,
											textStyle: {
												color: '#fff',
												fontSize: 9,
											},
											formatter(value) {
												return value.data.value[2]
											}
										}
									},
									itemStyle: {
										normal: {
											color: '#D8BC37', // 标志颜色
										}
									},
									data: convertData(data),
									showEffectOn: 'render',
									rippleEffect: {
										brushType: 'stroke'
									},
									hoverAnimation: true,
									zlevel: 1
								},
							]
						};
						myChartdt.setOption(optiondt);
					}
				}
				//	   }
			}
		</script>

		<script>
			var a = [{
					x: "第一季度",
					value: "999721"
				},
				{
					x: "中共中央政治局",
					value: 51721
				},
				{
					x: "常务委员会",
					value: 269721
				},
				{
					x: "会议",
					value: 385721
				},
				{
					x: "听取",
					value: 342721
				},
				{
					x: "吉林长春",
					value: 477721
				},
				{
					x: "长生",
					value: 368721
				},
				{
					x: "公司",
					value: 421721
				},
				{
					x: "疫苗",
					value: 43721
				},
				{
					x: "案件",
					value: 368721
				},
				{
					x: "调查",
					value: 411721
				},
				{
					x: "问责",
					value: 219721
				},
				{
					x: "情况",
					value: 412721
				},
				{
					x: "汇报",
					value: 174721
				},
				{
					x: "中共中央",
					value: 371721
				},
				{
					x: "总书记",
					value: 475721
				},
				{
					x: "习近平",
					value: 372721
				},
				{
					x: "主持会议",
					value: 489721
				},
				{
					x: "发表",
					value: 259721
				},
				{
					x: "重要讲话",
					value: 388721
				},
				{
					x: "这起",
					value: 422721
				},
				{
					x: "发生",
					value: 195721
				},
				{
					x: "高度重视",
					value: 102721
				},
				{
					x: "作出",
					value: 75721
				},
				{
					x: "指示",
					value: 116721
				},
				{
					x: "查清",
					value: 273721
				},
				{
					x: "事实真相",
					value: 299721
				},
				{
					x: "严肃",
					value: 349721
				},
				{
					x: "依法",
					value: 219721
				},
				{
					x: "从严处理",
					value: 448721
				},
				{
					x: "守住",
					value: 276721
				},
				{
					x: "底线",
					value: 270721
				},
				{
					x: "保障",
					value: 404721
				},
				{
					x: "群众",
					value: 246721
				},
				{
					x: "切身利益",
					value: 94721
				},
				{
					x: "社会",
					value: 440721
				},
			]

			anychart.onDocumentReady(function() {
				var chart = anychart.tagCloud(a);
				chart.container("keywords");
				chart.draw();
			});
			setTimeout(function() {
				$('.anychart-credits').remove();
			}, 150);
		</script>
		 <script th:inline="javascript" type="text/javascript">
    let projectid = '';
    let groupId = '';
	
    $('.navLi').click(function(){
    	jumpNavLocation($(this).data('type'), groupId, projectid);
    })
</script>
		
		
	</body>

</html>