UU跑腿标准版

index.htm 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Highcharts Example</title>
  6. <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
  7. <script type="text/javascript">
  8. $(function () {
  9. $('#container').highcharts({
  10. chart: {
  11. type: 'area'
  12. },
  13. title: {
  14. text: 'US and USSR nuclear stockpiles'
  15. },
  16. subtitle: {
  17. text: 'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">'+
  18. 'thebulletin.metapress.com</a>'
  19. },
  20. xAxis: {
  21. allowDecimals: false,
  22. labels: {
  23. formatter: function() {
  24. return this.value; // clean, unformatted number for year
  25. }
  26. }
  27. },
  28. yAxis: {
  29. title: {
  30. text: 'Nuclear weapon states'
  31. },
  32. labels: {
  33. formatter: function() {
  34. return this.value / 1000 +'k';
  35. }
  36. }
  37. },
  38. tooltip: {
  39. pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
  40. },
  41. plotOptions: {
  42. area: {
  43. pointStart: 1940,
  44. marker: {
  45. enabled: false,
  46. symbol: 'circle',
  47. radius: 2,
  48. states: {
  49. hover: {
  50. enabled: true
  51. }
  52. }
  53. }
  54. }
  55. },
  56. series: [{
  57. name: 'USA',
  58. data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,
  59. 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
  60. 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
  61. 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
  62. 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
  63. 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
  64. 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ]
  65. }, {
  66. name: 'USSR/Russia',
  67. data: [null, null, null, null, null, null, null , null , null ,null,
  68. 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
  69. 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
  70. 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
  71. 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
  72. 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
  73. 21000, 20000, 19000, 18000, 18000, 17000, 16000]
  74. }]
  75. });
  76. });
  77. </script>
  78. </head>
  79. <body>
  80. <script src="../../js/highcharts.js"></script>
  81. <script src="../../js/modules/exporting.js"></script>
  82. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  83. </body>
  84. </html>