<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="./highcharts.js"></script>
<script type="text/javascript" src="./highcharts-3d.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-3d.js"></script>
<title>highCharts</title>
<style type="text/css">
.circleGraphBox {
position: relative;
}
.circleGraphBox .mainCenterInfo {
position: absolute;
top: 40%;
left: 47.5%;
text-align: center;
}
.mainCenterInfo p:nth-child(2),
.mainCenterInfo p:nth-child(4) {
font-weight: bold;
font-size: 14px;
}
.mainCenterInfo p {
margin: 5px 0 5px 0;
}
.highcharts-button.highcharts-contextbutton,
.highcharts-title,
.highcharts-credits {
display: none;
}
</style>
</head>
<body>
<div class="circleGraphBox">
<div class="circleGraph" id="circleGraph"></div>
<div class="mainCenterInfo">
<p>融资总金额</p>
<p>1418500万元</p>
<p>融资综合成本</p>
<p>6.18%</p>
</div>
</div>
</body>
</html>