|
|
|
@ -56,8 +56,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_top_left_top main_top_left_bottom">
|
|
|
|
|
<img src="./images/main_top_left.png"/>
|
|
|
|
|
<div class="main_top_left_top_title">XX信息员添加数据展示</div>
|
|
|
|
|
<img src="./images/main_top_left.png"/> -->
|
|
|
|
|
<div class="main_top_left_top_title">各朝代诗人数量</div>
|
|
|
|
|
<div id="baseId" class="main_top_left_top_con"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -178,7 +178,7 @@
|
|
|
|
|
<div class="main_bottom_top">
|
|
|
|
|
<div class="main_bottom_top_list">
|
|
|
|
|
<img src="./images/main_bottopm_top1.png">
|
|
|
|
|
<div class="main_bottom_t_l_title">XX指南</div>
|
|
|
|
|
<div class="main_bottom_t_l_title">经典诗句</div>
|
|
|
|
|
<div class="main_bottom_t_l_con" style="top: -15px">
|
|
|
|
|
<div class="main_bottom_t_l_main">
|
|
|
|
|
<ul>
|
|
|
|
@ -210,9 +210,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- -->
|
|
|
|
|
<div class="main_bottom_top_list">
|
|
|
|
|
<img src="./images/main_bottopm_top2.png">
|
|
|
|
|
<div class="main_bottom_t_l_title">XXXX公开占比</div>
|
|
|
|
|
<div class="main_bottom_t_l_title">1</div>
|
|
|
|
|
<div id="departmentId" class="main_bottom_t_l_chart"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="main_bottom_top_list">
|
|
|
|
@ -256,21 +257,21 @@
|
|
|
|
|
<div class="main_bottom_b_title">更多免费精品模板关注公众号</div>
|
|
|
|
|
<div id="coverageId" class="main_bottom_b_con"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_bottom_b_middle1">
|
|
|
|
|
<!-- <div class="main_bottom_b_middle1">
|
|
|
|
|
<img src="./images/main_bootm_middle.png">
|
|
|
|
|
<div class="main_bottom_b_title">关注XXXX占比</div>
|
|
|
|
|
<div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_bottom_b_middle2">
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="main_bottom_b_middle2">
|
|
|
|
|
<img src="./images/main_bootm_middle.png">
|
|
|
|
|
<div class="main_bottom_b_title">XXXX发布量</div>
|
|
|
|
|
<div id="publicNumId" class="main_bottom_b_con main_bottom_b_con2"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_bottom_b_right">
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="main_bottom_b_right">
|
|
|
|
|
<img src="./images/main_bottom_bottom.png">
|
|
|
|
|
<div class="main_bottom_b_title">XXX公开数量</div>
|
|
|
|
|
<div id="yearsNumId" class="main_bottom_b_con"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -279,7 +280,7 @@
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
|
|
|
|
|
<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
|
|
|
|
|
<script src="./js/echarts.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/dataScoll.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/digitalScroll.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/jcarousellite.js"></script>
|
|
|
|
@ -323,8 +324,6 @@
|
|
|
|
|
},
|
|
|
|
|
// 基础信息
|
|
|
|
|
baseInfo:function() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var baseChart = echarts.init(document.getElementById('baseId'));
|
|
|
|
|
var charts = [
|
|
|
|
|
{name: "测试1", num: 200},
|
|
|
|
@ -332,6 +331,11 @@
|
|
|
|
|
{name: "测试3", num: 400},
|
|
|
|
|
{name: "测试4", num: 500},
|
|
|
|
|
{name: "测试5", num: 300},
|
|
|
|
|
{name: "测试1", num: 200},
|
|
|
|
|
{name: "测试2", num: 300},
|
|
|
|
|
{name: "测试3", num: 400},
|
|
|
|
|
{name: "测试4", num: 500},
|
|
|
|
|
{name: "测试5", num: 300},
|
|
|
|
|
]
|
|
|
|
|
var color = ['rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249', 'rgba(100,255,249']
|
|
|
|
|
|
|
|
|
@ -373,7 +377,7 @@
|
|
|
|
|
// borderWidth: 1,
|
|
|
|
|
top: '10%',
|
|
|
|
|
left: '30%',
|
|
|
|
|
right: '20%',
|
|
|
|
|
right: '10%',
|
|
|
|
|
bottom: '3%'
|
|
|
|
|
},
|
|
|
|
|
color: color,
|
|
|
|
|