wuhongyu
/
test


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" href="${contextPath}/WebPages_170421/css/keji/keji.css" rel="stylesheet">
    <link href="${contextPath}/WebPages_170421/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="${contextPath}/WebPages_170421/${contextPath}/WebPages_170421/jquery.js"></script>
    <script src="${contextPath}/WebPages_170421/js/bootstrap.min.js"></script>
    <script src="${contextPath}/WebPages_170421/js/echarts.js"></script>
</head>
<body>
<div class="head">
    <p class="tit">吉林省科技创新创业资源公共服务平台</p>
    <p class="tit1">科技数据展示</p>
    <p class="tit2"><a href="javascript:history.go(-1);">返回首页</a></p>
</div>
<div class="container">
    <div id="main">
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            option = {
                title : {
                    text: '合同登记数据展示',
                    top:30,
                    left:'center',
                    textStyle: {
                        color: '#fff',
                        fontSize:35
                    },
                    subtext: '来源：吉林省科技厅',
                    x:'center',
                    subtextStyle: {
                        color: '#fff'
                    }
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                legend: {
//                    orient: 'vertical',
//                    x: 'left',
                    itemGap:25,
                    y:'600px',
                    textStyle: {
                        color: '#fff'
                    },
                    data:['直达','营销广告','搜索引擎','邮件营销','联盟广告','视频广告','百度','谷歌','必应','其他']
                },
                series: [
                    {
                        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:'搜索引擎'}
                        ]
                    },
                    {
                        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>
</body>
</html>