123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="renderer" content="webkit|ie-comp|ie-stand">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <!--[if lt IE 9]>
- <script type="text/javascript" src="lib/html5shiv.js"></script>
- <script type="text/javascript" src="lib/respond.min.js"></script>
- <![endif]-->
- <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
- <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
- <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
- <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
- <!--[if IE 6]>
- <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
- <script>DD_belatedPNG.fix('*');</script>
- <![endif]-->
- <title>区域图</title>
- </head>
- <body>
- <nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页 <span class="c-gray en">></span> 统计管理 <span class="c-gray en">></span> 区域图 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a></nav>
- <div class="page-container">
- <div class="f-14 c-error">特别声明:Highcharts 是一个用纯 JavaScript编写的一个图表库,仅免费提供给个人学习、个人网站,如果在商业项目中使用,请去Highcharts官网网站购买商业授权。或者您也可以选择其他免费的第三方图表插件,例如百度echarts。H-ui.admin不承担任何版权问题。</div>
- <div id="container" style="min-width:700px;height:400px"></div>
- </div>
- <!--_footer 作为公共模版分离出去-->
- <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
- <script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
- <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
- <!--请在下方写此页面业务相关的脚本-->
- <script type="text/javascript" src="lib/hcharts/Highcharts/5.0.6/js/highcharts.js"></script>
- <script type="text/javascript" src="lib/hcharts/Highcharts/5.0.6/js/modules/exporting.js"></script>
- <script type="text/javascript">
- $(function () {
- $('#container').highcharts({
- chart: {
- type: 'area'
- },
- title: {
- text: 'US and USSR nuclear stockpiles'
- },
- subtitle: {
- text: 'Source: thebulletin.metapress.com'
- },
- xAxis: {
- labels: {
- formatter: function() {
- return this.value; // clean, unformatted number for year
- }
- }
- },
- yAxis: {
- title: {
- text: 'Nuclear weapon states'
- },
- labels: {
- formatter: function() {
- return this.value / 1000 +'k';
- }
- }
- },
- tooltip: {
- pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
- },
- plotOptions: {
- area: {
- pointStart: 1940,
- marker: {
- enabled: false,
- symbol: 'circle',
- radius: 2,
- states: {
- hover: {
- enabled: true
- }
- }
- }
- }
- },
- series: [{
- name: 'USA',
- data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,1005, 1436,
- 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,27387, 29459, 31056, 31982,
- 32040, 31233, 29224, 27342, 26662,26956, 27912, 28999, 28965, 27826, 25579,
- 25722, 24826, 24605,24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344,
- 23586,22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
- 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104
- ]
- }, {
- name: 'USSR/Russia',
- data: [null, null, null, null, null, null, null , null , null ,null,5, 25, 50,
- 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,4238, 5221, 6129,
- 7089, 8339, 9399, 10538, 11643, 13092, 14478,15915, 17385, 19055, 21205,
- 23044, 25393, 27935, 30062, 32049,33952, 35804, 37431, 39197, 45000, 43000,
- 41000, 39000, 37000,35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000,
- 22000,21000, 20000, 19000, 18000, 18000, 17000, 16000
- ]
- }]
- });
- });
- </script>
- </body>
- </html>
|