test/free-technological-management/WebRoot/WebPages_170421/dataPage/dataPages.html

<%var cssPar = {%>
	<link rel="stylesheet" href="${contextPath}/WebPages_170421/css/data/data.css" type="text/css">
<%};%>

<%var jsPar = {%>
	<!-- <script type="text/javascript" src="${contextPath}/WebPages_170421/js/data/newIndex.js"></script> -->
	<script type="text/javascript" src="${contextPath}/WebPages_170421/js/data/data.js"></script>
	<script type="text/javascript" src="${contextPath}/WebPages_170421/js/data/jquery.tools.tabs.min.js"></script>
	<script type="text/javascript" src="${contextPath}/WebPages_170421/js/echarts.js"></script>
<%};%>

<%layout("/WebPages_170421/commonPage/_layout.html", {nav:"",meunsel:"",jsParam:jsPar,cssParam:cssPar}) {%>

    <div class="container">
        <div class="conent" >
            <span class="nin">您当前的位置：</span>
            <a href="${contextPath}/" class="yiji">首页</a>
            <span class="nin"> > </span>
            <a href="${contextPath}/Data/toindex" class="yiji">科技数据</a>
        </div>
    </div>
    <div class="container">
        <div class="left">
            <ul class="box">
                <li><a href="#this">科技文献</a></li>
                <li><a href="#this">科技报告</a></li>
                <li><a href="#this">科技期刊</a></li>
                <li><a href="#this">科技智库</a></li>
                <li><a href="#this">科技成果</a></li>
                <li><a href="#this">科技交易</a></li>
            </ul>
        </div>
        <div class="centre">
            <div class="top mb49">
                <div class="xmK" style="background: url('${contextPath}/WebPages_170421/img/data/bg4.gif')">
                    <div class="Ktp">
                        <p class="txt">数据展示</p>
                    </div>
                    <div class="slide">
                        <div class="images">
                            <div class="a" >
                                <a href="${contextPath}/Data/keji"  target="_blank">
                                    <div class="container">
                                        <div id="main">
                                            <script type="text/javascript">
                                                var myChart = echarts.init(document.getElementById('main'));
                                                var option = {
                                                    title : {
                                                        text: '买方类别',
//                                                        top:10,
                                                        left:'center',
                                                        textStyle: {
                                                            color: '#ffffff',
                                                            fontSize:18
                                                        },
                                                        subtext: '来源：吉林省科技厅',
                                                        x:'center',
                                                        subtextStyle: {
                                                            color: '#ffffff',
                                                        }
                                                    },
                                                    tooltip : {
                                                        trigger: 'item',
                                                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                                                    },
                                                    series : [
                                                        {
                                                            name: '买方类别',
                                                            type: 'pie',
                                                            radius : '55%',
                                                            center: ['50%', '60%'],
                                                            data:[
                                                                {value:335, name:'机关法人'},
                                                                {value:310, name:'事业机关法人'},
                                                                {value:234, name:'企业机关法人'},
                                                                {value:135, name:'自然人'},
                                                                {value:1548, name:'其他组织'}
                                                            ],
                                                            itemStyle: {
                                                                emphasis: {
                                                                    shadowBlur: 10,
                                                                    shadowOffsetX: 0,
                                                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                                                }
                                                            }
                                                        }
                                                    ],
                                                    color: [

                                                        '#c23531',
                                                        '#69bcf5',
                                                        '#61a0a8',
                                                        '#d48265',
                                                        '#91c7ae'
                                                    ]

                                                };
                                                myChart.setOption(option);
                                            </script>

                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="a">
                                <a href="${contextPath}/Data/keji4"  target="_blank">
                                    <div class="container">
                                        <div id="main1">
                                            <script type="text/javascript">
                                                var myChart = echarts.init(document.getElementById('main1'));
                                                option = {
                                                    title : {
                                                        text: '合同登记数据展示合同登记数据展示',
                                                        textStyle: {
                                                            color: '#ffffff',
                                                            fontSize:18
                                                        },
                                                        subtext: '来源：吉林省科技厅',
                                                        subtextStyle: {
                                                            color: '#ffffff'
                                                        }
                                                    },
                                                    color: ['#3398DB'],
                                                    tooltip: {
                                                        trigger: 'axis',
                                                        axisPointer: { // 坐标轴指示器，坐标轴触发有效
                                                            type: 'line' // 默认为直线，可选为：'line' | 'shadow'
                                                        }
                                                    },
                                                    grid: {
                                                        left: '3%',
                                                        right: '4%',
                                                        bottom: '3%',
                                                        containLabel: true
                                                    },
                                                    xAxis: [{
                                                        type: 'category',
                                                        data: ['绿园区', '宽城区宽', '朝阳区', '二道', 'Fri', 'Sat', 'Sun'],
                                                        axisTick: {
                                                            alignWithLabel: true
                                                        },
                                                        axisLine: {
                                                            lineStyle: {
                                                                color: '#ffffff'
                                                            }
                                                        }
                                                    }],
                                                    yAxis: [{
                                                        type: 'value',
                                                        axisTick: {
                                                            alignWithLabel: true
                                                        },
                                                        axisLine: {
                                                            lineStyle: {
                                                                color: '#ffffff'
                                                            }
                                                        }
                                                    }],
                                                    series: [{
                                                        name: '直接访问',
                                                        type: 'bar',
                                                        barWidth: '60%',
                                                        data: [10, 52, 200, 334, 1290, 330, 220]
                                                    }]
                                                };
                                                myChart.setOption(option);
                                            </script>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!--新加  -->
                            <div class="a">
                                <a href="${contextPath}/Data/keji5"  target="_blank">
                                    <div class="container">
				                         <div id="main5">
									        <script type="text/javascript">
									            var myChart = echarts.init(document.getElementById('main5'));
									        var data = [
									        [[28604,77,17096869,'Australia',1990],[31163,77.4,27662440,'Canada',1990],[1516,68,1154605773,'China',1990],[13670,74.7,10582082,'Cuba',1990],[28599,75,4986705,'Finland',1990],[29476,77.1,56943299,'France',1990],[31476,75.4,78958237,'Germany',1990],[28666,78.1,254830,'Iceland',1990],[1777,57.7,870601776,'India',1990],[29550,79.1,122249285,'Japan',1990],[2076,67.9,20194354,'North Korea',1990],[12087,72,42972254,'South Korea',1990],[24021,75.4,3397534,'New Zealand',1990],[43296,76.8,4240375,'Norway',1990],[10088,70.8,38195258,'Poland',1990],[19349,69.6,147568552,'Russia',1990],[10670,67.3,53994605,'Turkey',1990],[26424,75.7,57110117,'United Kingdom',1990],[37062,75.4,252847810,'United States',1990]],
									        [[44056,81.8,23968973,'Australia',2015],[43294,81.7,35939927,'Canada',2015],[13334,76.9,1376048943,'China',2015],[21291,78.5,11389562,'Cuba',2015],[38923,80.8,5503457,'Finland',2015],[37599,81.9,64395345,'France',2015],[44053,81.1,80688545,'Germany',2015],[42182,82.8,329425,'Iceland',2015],[5903,66.8,1311050527,'India',2015],[36162,83.5,126573481,'Japan',2015],[1390,71.4,25155317,'North Korea',2015],[34644,80.7,50293439,'South Korea',2015],[34186,80.6,4528526,'New Zealand',2015],[64304,81.6,5210967,'Norway',2015],[24787,77.3,38611794,'Poland',2015],[23038,73.13,143456918,'Russia',2015],[19360,76.5,78665830,'Turkey',2015],[38225,81.4,64715810,'United Kingdom',2015],[53354,79.1,321773631,'United States',2015]]
									        ]
									        option = {
									        title: {
									        text: '1990 与 2015 年各国家人均寿命与 GDP',
									            textStyle: {
									                color: '#fff',
									                fontSize:16
									            },
									            subtext: '来源：吉林省科技厅',
									            subtextStyle: {
									                color: '#fff'
									            }
									        },
									        legend: {
									        right: 10,
									        data: ['计算机', 'VR'],
									            textStyle: {
									                color: '#fff'
									            }
									        },
									        xAxis: {
									        splitLine: {
									        lineStyle: {
									        type: 'dashed'
									        }
									        },
									            axisLine: {
									                lineStyle: {
									                    color: '#ffffff'
									                }
									            }
									        },
									        yAxis: {
									        splitLine: {
									        lineStyle: {
									        type: 'dashed'
									        }
									        },
									            axisLine: {
									                lineStyle: {
									                    color: '#ffffff'
									                }
									            },
									        scale: true
									        },
									        series: [{
									        name: '计算机',
									        data: data[0],
									        type: 'scatter',
									        symbolSize: function (data) {
									        return Math.sqrt(data[2]) / 15e2;
									        },
									        label: {
									        emphasis: {
									        show: true,
									        formatter: function (param) {
									        return param.data[3];
									        },
									        position: 'top'
									        }
									        },
									        itemStyle: {
									        normal: {
									        shadowBlur: 10,
									        shadowColor: 'rgba(120, 36, 50, 0.5)',
									        shadowOffsetY: 5,
									        color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
									        offset: 0,
									        color: 'rgb(251, 118, 123)'
									        }, {
									        offset: 1,
									        color: 'rgb(204, 46, 72)'
									        }])
									        }
									        }
									        }, {
									        name: 'VR',
									        data: data[1],
									        type: 'scatter',
									        symbolSize: function (data) {
									        return Math.sqrt(data[2]) / 15e2;
									        },
									        label: {
									        emphasis: {
									        show: true,
									        formatter: function (param) {
									        return param.data[3];
									        },
									        position: 'top'
									        }
									        },
									        itemStyle: {
									        normal: {
									        shadowBlur: 10,
									        shadowColor: 'rgba(25, 100, 150, 0.5)',
									        shadowOffsetY: 5,
									        color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
									        offset: 0,
									        color: 'rgb(129, 227, 238)'
									        }, {
									        offset: 1,
									        color: 'rgb(25, 183, 207)'
									        }])
									        }
									        }
									        }]
									        };
									        myChart.setOption(option);
									        </script>
				    					</div>
                                    </div>
                                </a>
                            </div>
       						<!--//新加  -->
                            <div class="a">
                                <a href="${contextPath}/Data/keji2"  target="_blank">
                                    <div class="container">
                                        <div id="main2">
                                            <script type="text/javascript">
                                                var myChart = echarts.init(document.getElementById('main2'));
                                                myChart.setOption({
                                                    title : {
                                                        text: '技术交易额',
//                                                        top:50,
                                                        left:'center',
                                                        textStyle: {
                                                            color: '#ffffff',
                                                            fontSize:18
                                                        },
                                                        subtext: '来源：吉林省科技厅',
                                                        x:'center',
                                                        subtextStyle: {
                                                            color: '#ffffff',
                                                        }
                                                    },
                                                    tooltip : {
                                                        trigger: 'item',
                                                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                                                    },
                                                    series : [
                                                        {
                                                            itemStyle: {
                                                                emphasis: {
                                                                    shadowBlur: 200,
                                                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                                                }
                                                            },
                                                            center: ['50%', '60%'],
                                                            name: '技术交易额',
                                                            type: 'pie',
                                                            radius: '65%',
                                                            roseType: 'angle',
                                                            data:[
                                                                {value:235, name:'技术秘密'},
                                                                {value:274, name:'专利'},
                                                                {value:310, name:'计算机软件著作权'},
                                                                {value:335, name:'生物、医药新品种'},
                                                                {value:300, name:'搜索引擎'},
                                                                {value:335, name:'涉及著作权'},
                                                                {value:200, name:'未涉及著作产权'}
                                                            ]
                                                        }
                                                    ],
                                                    color: [

                                                        '#c23531',
                                                        '#69bcf5',
                                                        '#61a0a8',
                                                        '#d48265',
                                                        '#91c7ae',
                                                        '#749f83',
                                                        '#ca8622'
                                                    ]
                                                })
                                            </script>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="a">
                                <a href="${contextPath}/Data/keji3"  target="_blank">
                                    <div class="container">
                                        <div id="main3">
                                            <script type="text/javascript">
                                                var myChart = echarts.init(document.getElementById('main3'));
                                                var option = {
                                                    title : {
                                                        text: '地区分布',
//                                                        top:30,
                                                        left:'center',
                                                        textStyle: {
                                                            color: '#ffffff',
                                                            fontSize:18
                                                        },
                                                        subtext: '来源：吉林省科技厅',
                                                        x:'center',
                                                        subtextStyle: {
                                                            color: '#ffffff',
                                                        }
                                                    },
                                                    tooltip: {
                                                        trigger: 'item',
                                                        formatter: "{a} <br/>{b}: {c} ({d}%)"
                                                    },
                                                    series: [
                                                        {
                                                            center: ['50%', '60%'],
                                                            name:'地区分布',
                                                            type:'pie',
                                                            radius: ['50%', '70%'],
                                                            avoidLabelOverlap: false,
                                                            label: {
                                                                normal: {
                                                                    show: false,
                                                                    position: 'center'
                                                                },
                                                                emphasis: {
                                                                    show: true,
                                                                    textStyle: {
                                                                        fontSize: '35',
                                                                        fontWeight: 'bold'
                                                                    }
                                                                }
                                                            },
                                                            labelLine: {
                                                                normal: {
                                                                    show: false
                                                                }
                                                            },
                                                            data:[
                                                                {value:335, name:'长春'},
                                                                {value:310, name:'长春1'},
                                                                {value:234, name:'长春2'},
                                                                {value:135, name:'长春3'},
                                                                {value:548, name:'长春4'}
                                                            ]
                                                        }
                                                    ],
                                                    color: [

                                                        '#c23531',
                                                        '#69bcf5',
                                                        '#61a0a8',
                                                        '#d48265',
                                                        '#91c7ae'
                                                    ]
                                                };
                                                myChart.setOption(option);
                                            </script>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="a">
                                <a href="${contextPath}/Data/keji6"  target="_blank">
                                    <div class="container">
                                        <div id="main4">
                                            <script type="text/javascript">
                                                var myChart = echarts.init(document.getElementById('main4'));
                                                option = {
                                                    title : {
                                                        text: '技术领域',
//                                                        top:30,
                                                        left:'center',
                                                        textStyle: {
                                                            color: '#ffffff',
                                                            fontSize:18
                                                        },
                                                        subtext: '来源：吉林省科技厅',
                                                        x:'center',
                                                        subtextStyle: {
                                                            color: '#ffffff'
                                                        }
                                                    },
                                                    tooltip: {
                                                        trigger: 'item',
                                                        formatter: "{a} <br/>{b}: {c} ({d}%)"
                                                    },
                                                    series: [
                                                        {
                                                            center: ['50%', '60%'],
                                                            name:'技术领域',
                                                            type:'pie',
                                                            selectedMode: 'single',
                                                            radius: [0, '30%'],
                                                            label: {
                                                                normal: {
                                                                    position: 'inner'
                                                                }
                                                            },
                                                            labelLine: {
                                                                normal: {
                                                                    show: false
                                                                }
                                                            },
                                                            data:[
                                                                {value:335, name:'直达', selected:true},
                                                                {value:679, name:'电子'},
                                                                {value:1548, name:'农业'}
                                                            ]
                                                        },
                                                        {
                                                            center: ['50%', '60%'],
                                                            name:'技术领域',
                                                            type:'pie',
                                                            radius: ['40%', '55%'],

                                                            data:[
                                                                {value:335, name:'电子信息'},
                                                                {value:310, name:'航空航天'},
                                                                {value:234, name:'先进制造'},
                                                                {value:135, name:'生物、医药和医疗器械'},
                                                                {value:1048, name:'新材料及其应用'},
                                                                {value:251, name:'环境保护'},
                                                                {value:147, name:'核应用'},
                                                                {value:102, name:'现代交通'}
                                                            ]
                                                        }
                                                    ]
                                                };
                                                myChart.setOption(option);
                                            </script>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- 新加 -->
                            
                             
                        </div>
                        <a class="backward png"> < </a>
                        <a class="forward png"> > </a>
                        <div class="tabs">                        	
                            <a href="${contextPath}/Data/keji"></a>
                            <a href="${contextPath}/Data/keji4"></a>
                            <a href="${contextPath}/Data/keji2"></a>
                            <a href="${contextPath}/Data/keji3"></a>
                            <a href="${contextPath}/Data/keji6"></a>
                            <a href="${contextPath}/Data/keji5"></a>
                        </div>                        
                    </div>
                </div>
            </div>

            <div class="top h280">
                <div class="xmK h280">
                    <div class="Ktp">
                        <p class="txt">专项统计</p>
                    </div>
                    <div class="shuju2">
                        <div class="lt"></div>
                        <div class="rt">
                            <ul class="rtUl">
                                <li><a href="#this">所属区域科技企所属区域科技企业数量业数量</a></li>
                                <li><a href="#this">所属区域科技企业企业数量</a></li>
                                <li><a href="#this">所属区域科技所属区域科技企业数量企业企业数量</a></li>
                                <li><a href="#this">所属区域科技企业数量</a></li>
                                <li><a href="#this">所属区域科技企业企业数量</a></li>

                            </ul>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <div class="right">
            <div class="tp mb49">
                <div class="xmK w369 ">
                    <div class="Ktp w367">
                        <p class="txt">通知通告</p>
                        <p class="txt1"><a href="${contextPath}/GovernmentAffairs/findListByType?typeCode=TZTG&pageNumber=1">查看更多 ></a></p>
                    </div>

                    <div class="Txin pt0">
                        <ul class="Tul">
                            <%for(TZTG in TZTGList){%>
	                            <li class="shijian">
	                                <a href="${contextPath}/GovernmentAffairs/findById?typeCode=TZTG&id=${TZTG.Id}">
	                                    <div class="wenzi">${TZTG.name!''}</div>
	                                    <div class="time">${TZTG.createDate!''}</div>
	                                </a>
	                            </li>
                            <%}elsefor{%>
							<li>
								<span class="notice-title">没有通知通告...</span>
							</li>
							<%}%>
                        </ul>
                    </div>
                </div>
                <!-- // 通知通告-->

            </div>
            <div class="tp h280">
                <div class="xmK h280 w369">
                    <div class="Ktp w367">
                        <p class="txt">上报通知</p>
                        <p class="txt1"><a href="${contextPath}/Data/view?pageNumber=1">查看更多 ></a></p>
                    </div>
                    <div class="shang">
                    <%for(list in listDate!){%>
                        <a href="${list.url!'javascript:void(0);'}" target="_blank">
	                        <div class="sJsb">
	                            <div class="sbtp">
	                                <div class="sbtpL"></div>
	                                <div class="sbtpR">${list.name!''}</div>
	                            </div>
	                            <div class="sbbt">${list.introduction!''}</div>
	                        </div>
                        </a>
                    <%}%>    
                    </div>
                </div>
            </div>
        </div>
    </div>
<%}%>