sunwei
/
tongyu_edu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<%--
  Created by IntelliJ IDEA.
  User: yanhongliang
  Date: 2020-06-05
  Time: 08:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <script type="text/javascript" src="static/ace/js/jquery.js"></script>
</head>
<body>
<div id="zhongxin"></div>

<script type="text/javascript">
    $(top.hangge());
</script>
</body>
</html>

<html>
<head>
    <base href="<%=basePath%>">
    <script type="text/javascript" src="static/ace/js/jquery.js"></script>
    <meta charset="utf-8">
    <title>人才数据统计</title>
    <link href="static/tongji/rencai/images/bsrc_basic.css" rel="stylesheet" />
    <script language="javascript" type="text/javascript" src="static/tongji/rencai/images/ss.js"></script>
    <script src="plugins/highcharts/highcharts.js"></script>
    <script src="plugins/highcharts/highcharts-more.js"></script>
    <script src="plugins/highcharts/modules/exporting.js"></script>
    <script src="plugins/highcharts/highcharts-zh_CN.js"></script>
    <script src="plugins/highcharts/highcharts-3d.js"></script>

</head>

<body style="height: 1027px;overflow-x: scroll;overflow-y: hidden;">

<div class="dsj_cont clearfix">
        <!--		分类统计  开始-->
        <div class="dsj_fltj">
            <p class="con_tit">资金支付使用性质</p>
            <div id="container" style="min-width: 100px; height: 300px; margin: 0 auto"></div>
            <div id="chart_container" style="min-width: 100px; height: 300px; margin: 0 auto"></div>
        </div>
        <!--		分类统计  结束-->
</div>
<script language="javascript">
    jQuery(".mr_frbox").slide({titCell:"",mainCell:".mr_frUl ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4});


    // 人才数量
    function shuLiang() {

        Highcharts.chart('container', {
            chart: {
                type: 'column',
                backgroundColor: 'rgba(0,0,0,0)'
            },
            title: {
                text: '柱状图',
                style: {
                    color: '#fff'
                }
            },
            // subtitle: {
            //     text: '点击可查看具体的版本数据，数据来源: <a href="https://netmarketshare.com">netmarketshare.com</a>.'
            // },
            xAxis: {
                type: 'category',
                labels: {
                    overflow: 'justify',
                    style: {
                        color: '#fff'
                    }
                }
            },
            yAxis: {
                labels: {
                    overflow: 'justify',
                    style: {
                        color: '#fff'
                    }
                },
                title: {
                    text: '数量',
                    style:{
                        color: "#fff"
                    },
                    enabed:true
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        format: '{point.y}'
                    }
                }
            },
            series: [{
                name: '数量',
                colorByPoint: true,
                data: ${pd.zjzfsyxz}
            }]
        });

        Highcharts.chart('chart_container', {
            chart: {
                backgroundColor: 'rgba(0,0,0,0)'
            },
            title: {
                text: '饼状图',
                style: {
                    color: '#fff'
                }
            },
            plotOptions: {
                pie: {
                    innerSize: 100,
                    depth: 45,
                    cursor: 'pointer',?????? // 鼠标样式
                    dataLabels: {
                        enabled: true,
                        style:{
                            color:'#fff',
                            textOutline:"none"
                        }

                    }
                }
            },
            tooltip: {
                headerFormat: '{series.name}<br>',
                pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
            },
            series: [{
                type: 'pie',
                name: '百分比',
                data: ${pd.zjzfsyxz}
            }]
        });

    }

    shuLiang();

</script>
</body>
</html>