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>
|