Home Explore Help
Register Sign In
PerfectEquation
/
GZ
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: db155e2997
Branches Tags
GZ
/
nwyj
/
.svn
/
pristine
/
c2
/
c26d3116141c40d805dc1c5bebd6011d66b0bb7a.svn-base

c26d3116141c40d805dc1c5bebd6011d66b0bb7a.svn-base 19 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    2. 

  2. <% 
    3. 

  3. 	String path = request.getContextPath();
    4. 

  4. %>
    5. 

  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    6. 

  6. <html xmlns="http://www.w3.org/1999/xhtml">
    7. 

  7. <head>
    8. 

  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    9. 

  9. <!--框架必需start-->
    10. 

  10. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
    11. 

  11. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
    12. 

  12. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
    13. 

  13. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
    14. 

  14. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
    15. 

  15. <link rel="stylesheet" type="text/css" id="customSkin"/>
    16. 

  16. <!--框架必需end-->
    17. 

  17. <script src="<%=path%>/libs/thirdparty/highcharts/js/highcharts.js"></script>
    18. 

  18. <script>
    19. 

  19. $(function () {
    20. 

  20.     var data = [
    21. 

  21.         0.8446, 0.8445, 0.8444, 0.8451,    0.8418, 0.8264,    0.8258, 0.8232,    0.8233, 0.8258,
    22. 

  22.         0.8283, 0.8278, 0.8256, 0.8292,    0.8239, 0.8239,    0.8245, 0.8265,    0.8261, 0.8269,
    23. 

  23.         0.8273, 0.8244, 0.8244, 0.8172,    0.8139, 0.8146,    0.8164, 0.82,    0.8269, 0.8269,
    24. 

  24.         0.8269, 0.8258, 0.8247, 0.8286,    0.8289, 0.8316,    0.832, 0.8333,    0.8352, 0.8357,
    25. 

  25.         0.8355, 0.8354, 0.8403, 0.8403,    0.8406, 0.8403,    0.8396, 0.8418,    0.8409, 0.8384,
    26. 

  26.         0.8386, 0.8372, 0.839, 0.84, 0.8389, 0.84, 0.8423, 0.8423, 0.8435, 0.8422,
    27. 

  27.         0.838, 0.8373, 0.8316, 0.8303,    0.8303, 0.8302,    0.8369, 0.84, 0.8385, 0.84,
    28. 

  28.         0.8401, 0.8402, 0.8381, 0.8351,    0.8314, 0.8273,    0.8213, 0.8207,    0.8207, 0.8215,
    29. 

  29.         0.8242, 0.8273, 0.8301, 0.8346,    0.8312, 0.8312,    0.8312, 0.8306,    0.8327, 0.8282,
    30. 

  30.         0.824, 0.8255, 0.8256, 0.8273, 0.8209, 0.8151, 0.8149, 0.8213, 0.8273, 0.8273,
    31. 

  31.         0.8261, 0.8252, 0.824, 0.8262, 0.8258, 0.8261, 0.826, 0.8199, 0.8153, 0.8097,
    32. 

  32.         0.8101, 0.8119, 0.8107, 0.8105,    0.8084, 0.8069,    0.8047, 0.8023,    0.7965, 0.7919,
    33. 

  33.         0.7921, 0.7922, 0.7934, 0.7918,    0.7915, 0.787, 0.7861, 0.7861, 0.7853, 0.7867,
    34. 

  34.         0.7827, 0.7834, 0.7766, 0.7751, 0.7739, 0.7767, 0.7802, 0.7788, 0.7828, 0.7816,
    35. 

  35.         0.7829, 0.783, 0.7829, 0.7781, 0.7811, 0.7831, 0.7826, 0.7855, 0.7855, 0.7845,
    36. 

  36.         0.7798, 0.7777, 0.7822, 0.7785, 0.7744, 0.7743, 0.7726, 0.7766, 0.7806, 0.785,
    37. 

  37.         0.7907, 0.7912, 0.7913, 0.7931, 0.7952, 0.7951, 0.7928, 0.791, 0.7913, 0.7912,
    38. 

  38.         0.7941, 0.7953, 0.7921, 0.7919, 0.7968, 0.7999, 0.7999, 0.7974, 0.7942, 0.796,
    39. 

  39.         0.7969, 0.7862, 0.7821, 0.7821, 0.7821, 0.7811, 0.7833, 0.7849, 0.7819, 0.7809,
    40. 

  40.         0.7809, 0.7827, 0.7848, 0.785, 0.7873, 0.7894, 0.7907, 0.7909, 0.7947, 0.7987,
    41. 

  41.         0.799, 0.7927, 0.79, 0.7878, 0.7878, 0.7907, 0.7922, 0.7937, 0.786, 0.787,
    42. 

  42.         0.7838, 0.7838, 0.7837, 0.7836, 0.7806, 0.7825, 0.7798, 0.777, 0.777, 0.7772,
    43. 

  43.         0.7793, 0.7788, 0.7785, 0.7832, 0.7865, 0.7865, 0.7853, 0.7847, 0.7809, 0.778,
    44. 

  44.         0.7799, 0.78, 0.7801, 0.7765, 0.7785, 0.7811, 0.782, 0.7835, 0.7845, 0.7844,
    45. 

  45.         0.782, 0.7811, 0.7795, 0.7794, 0.7806, 0.7794, 0.7794, 0.7778, 0.7793, 0.7808,
    46. 

  46.         0.7824, 0.787, 0.7894, 0.7893, 0.7882, 0.7871, 0.7882, 0.7871, 0.7878, 0.79,
    47. 

  47.         0.7901, 0.7898, 0.7879, 0.7886, 0.7858, 0.7814, 0.7825, 0.7826, 0.7826, 0.786,
    48. 

  48.         0.7878, 0.7868, 0.7883, 0.7893, 0.7892, 0.7876, 0.785, 0.787, 0.7873, 0.7901,
    49. 

  49.         0.7936, 0.7939, 0.7938, 0.7956, 0.7975, 0.7978, 0.7972, 0.7995, 0.7995, 0.7994,
    50. 

  50.         0.7976, 0.7977, 0.796, 0.7922, 0.7928, 0.7929, 0.7948, 0.797, 0.7953, 0.7907,
    51. 

  51.         0.7872, 0.7852, 0.7852, 0.786, 0.7862, 0.7836, 0.7837, 0.784, 0.7867, 0.7867,
    52. 

  52.         0.7869, 0.7837, 0.7827, 0.7825, 0.7779, 0.7791, 0.779, 0.7787, 0.78, 0.7807,
    53. 

  53.         0.7803, 0.7817, 0.7799, 0.7799, 0.7795, 0.7801, 0.7765, 0.7725, 0.7683, 0.7641,
    54. 

  54.         0.7639, 0.7616, 0.7608, 0.759, 0.7582, 0.7539, 0.75, 0.75, 0.7507, 0.7505,
    55. 

  55.         0.7516, 0.7522, 0.7531, 0.7577, 0.7577, 0.7582, 0.755, 0.7542, 0.7576, 0.7616,
    56. 

  56.         0.7648, 0.7648, 0.7641, 0.7614, 0.757, 0.7587, 0.7588, 0.762, 0.762, 0.7617,
    57. 

  57.         0.7618, 0.7615, 0.7612, 0.7596, 0.758, 0.758, 0.758, 0.7547, 0.7549, 0.7613,
    58. 

  58.         0.7655, 0.7693, 0.7694, 0.7688, 0.7678, 0.7708, 0.7727, 0.7749, 0.7741, 0.7741,
    59. 

  59.         0.7732, 0.7727, 0.7737, 0.7724, 0.7712, 0.772, 0.7721, 0.7717, 0.7704, 0.769,
    60. 

  60.         0.7711, 0.774, 0.7745, 0.7745, 0.774, 0.7716, 0.7713, 0.7678, 0.7688, 0.7718,
    61. 

  61.         0.7718, 0.7728, 0.7729, 0.7698, 0.7685, 0.7681, 0.769, 0.769, 0.7698, 0.7699,
    62. 

  62.         0.7651, 0.7613, 0.7616, 0.7614, 0.7614, 0.7607, 0.7602, 0.7611, 0.7622, 0.7615,
    63. 

  63.         0.7598, 0.7598, 0.7592, 0.7573, 0.7566, 0.7567, 0.7591, 0.7582, 0.7585, 0.7613,
    64. 

  64.         0.7631, 0.7615, 0.76, 0.7613, 0.7627, 0.7627, 0.7608, 0.7583, 0.7575, 0.7562,
    65. 

  65.         0.752, 0.7512, 0.7512, 0.7517, 0.752, 0.7511, 0.748, 0.7509, 0.7531, 0.7531,
    66. 

  66.         0.7527, 0.7498, 0.7493, 0.7504, 0.75, 0.7491, 0.7491, 0.7485, 0.7484, 0.7492,
    67. 

  67.         0.7471, 0.7459, 0.7477, 0.7477, 0.7483, 0.7458, 0.7448, 0.743, 0.7399, 0.7395,
    68. 

  68.         0.7395, 0.7378, 0.7382, 0.7362, 0.7355, 0.7348, 0.7361, 0.7361, 0.7365, 0.7362,
    69. 

  69.         0.7331, 0.7339, 0.7344, 0.7327, 0.7327, 0.7336, 0.7333, 0.7359, 0.7359, 0.7372,
    70. 

  70.         0.736, 0.736, 0.735, 0.7365, 0.7384, 0.7395, 0.7413, 0.7397, 0.7396, 0.7385,
    71. 

  71.         0.7378, 0.7366, 0.74, 0.7411, 0.7406, 0.7405, 0.7414, 0.7431, 0.7431, 0.7438,
    72. 

  72.         0.7443, 0.7443, 0.7443, 0.7434, 0.7429, 0.7442, 0.744, 0.7439, 0.7437, 0.7437,
    73. 

  73.         0.7429, 0.7403, 0.7399, 0.7418, 0.7468, 0.748, 0.748, 0.749, 0.7494, 0.7522,
    74. 

  74.         0.7515, 0.7502, 0.7472, 0.7472, 0.7462, 0.7455, 0.7449, 0.7467, 0.7458, 0.7427,
    75. 

  75.         0.7427, 0.743, 0.7429, 0.744, 0.743, 0.7422, 0.7388, 0.7388, 0.7369, 0.7345,
    76. 

  76.         0.7345, 0.7345, 0.7352, 0.7341, 0.7341, 0.734, 0.7324, 0.7272, 0.7264, 0.7255,
    77. 

  77.         0.7258, 0.7258, 0.7256, 0.7257, 0.7247, 0.7243, 0.7244, 0.7235, 0.7235, 0.7235,
    78. 

  78.         0.7235, 0.7262, 0.7288, 0.7301, 0.7337, 0.7337, 0.7324, 0.7297, 0.7317, 0.7315,
    79. 

  79.         0.7288, 0.7263, 0.7263, 0.7242, 0.7253, 0.7264, 0.727, 0.7312, 0.7305, 0.7305,
    80. 

  80.         0.7318, 0.7358, 0.7409, 0.7454, 0.7437, 0.7424, 0.7424, 0.7415, 0.7419, 0.7414,
    81. 

  81.         0.7377, 0.7355, 0.7315, 0.7315, 0.732, 0.7332, 0.7346, 0.7328, 0.7323, 0.734,
    82. 

  82.         0.734, 0.7336, 0.7351, 0.7346, 0.7321, 0.7294, 0.7266, 0.7266, 0.7254, 0.7242,
    83. 

  83.         0.7213, 0.7197, 0.7209, 0.721, 0.721, 0.721, 0.7209, 0.7159, 0.7133, 0.7105,
    84. 

  84.         0.7099, 0.7099, 0.7093, 0.7093, 0.7076, 0.707, 0.7049, 0.7012, 0.7011, 0.7019,
    85. 

  85.         0.7046, 0.7063, 0.7089, 0.7077, 0.7077, 0.7077, 0.7091, 0.7118, 0.7079, 0.7053,
    86. 

  86.         0.705, 0.7055, 0.7055, 0.7045, 0.7051, 0.7051, 0.7017, 0.7, 0.6995, 0.6994,
    87. 

  87.         0.7014, 0.7036, 0.7021, 0.7002, 0.6967, 0.695, 0.695, 0.6939, 0.694, 0.6922,
    88. 

  88.         0.6919, 0.6914, 0.6894, 0.6891, 0.6904, 0.689, 0.6834, 0.6823, 0.6807, 0.6815,
    89. 

  89.         0.6815, 0.6847, 0.6859, 0.6822, 0.6827, 0.6837, 0.6823, 0.6822, 0.6822, 0.6792,
    90. 

  90.         0.6746, 0.6735, 0.6731, 0.6742, 0.6744, 0.6739, 0.6731, 0.6761, 0.6761, 0.6785,
    91. 

  91.         0.6818, 0.6836, 0.6823, 0.6805, 0.6793, 0.6849, 0.6833, 0.6825, 0.6825, 0.6816,
    92. 

  92.         0.6799, 0.6813, 0.6809, 0.6868, 0.6933, 0.6933, 0.6945, 0.6944, 0.6946, 0.6964,
    93. 

  93.         0.6965, 0.6956, 0.6956, 0.695, 0.6948, 0.6928, 0.6887, 0.6824, 0.6794, 0.6794,
    94. 

  94.         0.6803, 0.6855, 0.6824, 0.6791, 0.6783, 0.6785, 0.6785, 0.6797, 0.68, 0.6803,
    95. 

  95.         0.6805, 0.676, 0.677, 0.677, 0.6736, 0.6726, 0.6764, 0.6821, 0.6831, 0.6842,
    96. 

  96.         0.6842, 0.6887, 0.6903, 0.6848, 0.6824, 0.6788, 0.6814, 0.6814, 0.6797, 0.6769,
    97. 

  97.         0.6765, 0.6733, 0.6729, 0.6758, 0.6758, 0.675, 0.678, 0.6833, 0.6856, 0.6903,
    98. 

  98.         0.6896, 0.6896, 0.6882, 0.6879, 0.6862, 0.6852, 0.6823, 0.6813, 0.6813, 0.6822,
    99. 

  99.         0.6802, 0.6802, 0.6784, 0.6748, 0.6747, 0.6747, 0.6748, 0.6733, 0.665, 0.6611,
    100. 

  100.         0.6583, 0.659, 0.659, 0.6581, 0.6578, 0.6574, 0.6532, 0.6502, 0.6514, 0.6514,
    101. 

  101.         0.6507, 0.651, 0.6489, 0.6424, 0.6406, 0.6382, 0.6382, 0.6341, 0.6344, 0.6378,
    102. 

  102.         0.6439, 0.6478, 0.6481, 0.6481, 0.6494, 0.6438, 0.6377, 0.6329, 0.6336, 0.6333,
    103. 

  103.         0.6333, 0.633, 0.6371, 0.6403, 0.6396, 0.6364, 0.6356, 0.6356, 0.6368, 0.6357,
    104. 

  104.         0.6354, 0.632, 0.6332, 0.6328, 0.6331, 0.6342, 0.6321, 0.6302, 0.6278, 0.6308,
    105. 

  105.         0.6324, 0.6324, 0.6307, 0.6277, 0.6269, 0.6335, 0.6392, 0.64, 0.6401, 0.6396,
    106. 

  106.         0.6407, 0.6423, 0.6429, 0.6472, 0.6485, 0.6486, 0.6467, 0.6444, 0.6467, 0.6509,
    107. 

  107.         0.6478, 0.6461, 0.6461, 0.6468, 0.6449, 0.647, 0.6461, 0.6452, 0.6422, 0.6422,
    108. 

  108.         0.6425, 0.6414, 0.6366, 0.6346, 0.635, 0.6346, 0.6346, 0.6343, 0.6346, 0.6379,
    109. 

  109.         0.6416, 0.6442, 0.6431, 0.6431, 0.6435, 0.644, 0.6473, 0.6469, 0.6386, 0.6356,
    110. 

  110.         0.634, 0.6346, 0.643, 0.6452, 0.6467, 0.6506, 0.6504, 0.6503, 0.6481, 0.6451,
    111. 

  111.         0.645, 0.6441, 0.6414, 0.6409, 0.6409, 0.6428, 0.6431, 0.6418, 0.6371, 0.6349,
    112. 

  112.         0.6333, 0.6334, 0.6338, 0.6342, 0.632, 0.6318, 0.637, 0.6368, 0.6368, 0.6383,
    113. 

  113.         0.6371, 0.6371, 0.6355, 0.632, 0.6277, 0.6276, 0.6291, 0.6274, 0.6293, 0.6311,
    114. 

  114.         0.631, 0.6312, 0.6312, 0.6304, 0.6294, 0.6348, 0.6378, 0.6368, 0.6368, 0.6368,
    115. 

  115.         0.636, 0.637, 0.6418, 0.6411, 0.6435, 0.6427, 0.6427, 0.6419, 0.6446, 0.6468,
    116. 

  116.         0.6487, 0.6594, 0.6666, 0.6666, 0.6678, 0.6712, 0.6705, 0.6718, 0.6784, 0.6811,
    117. 

  117.         0.6811, 0.6794, 0.6804, 0.6781, 0.6756, 0.6735, 0.6763, 0.6762, 0.6777, 0.6815,
    118. 

  118.         0.6802, 0.678, 0.6796, 0.6817, 0.6817, 0.6832, 0.6877, 0.6912, 0.6914, 0.7009,
    119. 

  119.         0.7012, 0.701, 0.7005, 0.7076, 0.7087, 0.717, 0.7105, 0.7031, 0.7029, 0.7006,
    120. 

  120.         0.7035, 0.7045, 0.6956, 0.6988, 0.6915, 0.6914, 0.6859, 0.6778, 0.6815, 0.6815,
    121. 

  121.         0.6843, 0.6846, 0.6846, 0.6923, 0.6997, 0.7098, 0.7188, 0.7232, 0.7262, 0.7266,
    122. 

  122.         0.7359, 0.7368, 0.7337, 0.7317, 0.7387, 0.7467, 0.7461, 0.7366, 0.7319, 0.7361,
    123. 

  123.         0.7437, 0.7432, 0.7461, 0.7461, 0.7454, 0.7549, 0.7742, 0.7801, 0.7903, 0.7876,
    124. 

  124.         0.7928, 0.7991, 0.8007, 0.7823, 0.7661, 0.785, 0.7863, 0.7862, 0.7821, 0.7858,
    125. 

  125.         0.7731, 0.7779, 0.7844, 0.7866, 0.7864, 0.7788, 0.7875, 0.7971, 0.8004, 0.7857,
    126. 

  126.         0.7932, 0.7938, 0.7927, 0.7918, 0.7919, 0.7989, 0.7988, 0.7949, 0.7948, 0.7882,
    127. 

  127.         0.7745, 0.771, 0.775, 0.7791, 0.7882, 0.7882, 0.7899, 0.7905, 0.7889, 0.7879,
    128. 

  128.         0.7855, 0.7866, 0.7865, 0.7795, 0.7758, 0.7717, 0.761, 0.7497, 0.7471, 0.7473,
    129. 

  129.         0.7407, 0.7288, 0.7074, 0.6927, 0.7083, 0.7191, 0.719, 0.7153, 0.7156, 0.7158,
    130. 

  130.         0.714, 0.7119, 0.7129, 0.7129, 0.7049, 0.7095
    131. 

  131.     ];
    132. 

  132.     
    133. 

  133.     var masterChart,
    134. 

  134.         detailChart;
    135. 

  135.     
    136. 

  136.     $(document).ready(function() {
    137. 

  137.     
    138. 

  138.     
    139. 

  139.         // create the master chart
    140. 

  140.         function createMaster() {
    141. 

  141.             masterChart = $('#master-container').highcharts({
    142. 

  142.                 chart: {
    143. 

  143.                     reflow: false,
    144. 

  144.                     borderWidth: 0,
    145. 

  145.                     backgroundColor: null,
    146. 

  146.                     marginLeft: 50,
    147. 

  147.                     marginRight: 20,
    148. 

  148.                     zoomType: 'x',
    149. 

  149.                     events: {
    150. 

  150.     
    151. 

  151.                         // listen to the selection event on the master chart to update the
    152. 

  152.                         // extremes of the detail chart
    153. 

  153.                         selection: function(event) {
    154. 

  154.                             var extremesObject = event.xAxis[0],
    155. 

  155.                                 min = extremesObject.min,
    156. 

  156.                                 max = extremesObject.max,
    157. 

  157.                                 detailData = [],
    158. 

  158.                                 xAxis = this.xAxis[0];
    159. 

  159.     
    160. 

  160.                             // reverse engineer the last part of the data
    161. 

  161.                             jQuery.each(this.series[0].data, function(i, point) {
    162. 

  162.                                 if (point.x > min && point.x < max) {
    163. 

  163.                                     detailData.push({
    164. 

  164.                                         x: point.x,
    165. 

  165.                                         y: point.y
    166. 

  166.                                     });
    167. 

  167.                                 }
    168. 

  168.                             });
    169. 

  169.     
    170. 

  170.                             // move the plot bands to reflect the new detail span
    171. 

  171.                             xAxis.removePlotBand('mask-before');
    172. 

  172.                             xAxis.addPlotBand({
    173. 

  173.                                 id: 'mask-before',
    174. 

  174.                                 from: Date.UTC(2006, 0, 1),
    175. 

  175.                                 to: min,
    176. 

  176.                                 color: 'rgba(0, 0, 0, 0.2)'
    177. 

  177.                             });
    178. 

  178.     
    179. 

  179.                             xAxis.removePlotBand('mask-after');
    180. 

  180.                             xAxis.addPlotBand({
    181. 

  181.                                 id: 'mask-after',
    182. 

  182.                                 from: max,
    183. 

  183.                                 to: Date.UTC(2008, 11, 31),
    184. 

  184.                                 color: 'rgba(0, 0, 0, 0.2)'
    185. 

  185.                             });
    186. 

  186.     
    187. 

  187.     
    188. 

  188.                             detailChart.series[0].setData(detailData);
    189. 

  189.     
    190. 

  190.                             return false;
    191. 

  191.                         }
    192. 

  192.                     }
    193. 

  193.                 },
    194. 

  194.                 title: {
    195. 

  195.                     text: null
    196. 

  196.                 },
    197. 

  197.                 xAxis: {
    198. 

  198.                     type: 'datetime',
    199. 

  199.                     showLastTickLabel: true,
    200. 

  200.                     maxZoom: 14 * 24 * 3600000, // fourteen days
    201. 

  201.                     plotBands: [{
    202. 

  202.                         id: 'mask-before',
    203. 

  203.                         from: Date.UTC(2006, 0, 1),
    204. 

  204.                         to: Date.UTC(2008, 7, 1),
    205. 

  205.                         color: 'rgba(0, 0, 0, 0.2)'
    206. 

  206.                     }],
    207. 

  207.                     title: {
    208. 

  208.                         text: null
    209. 

  209.                     }
    210. 

  210.                 },
    211. 

  211.                 yAxis: {
    212. 

  212.                     gridLineWidth: 0,
    213. 

  213.                     labels: {
    214. 

  214.                         enabled: false
    215. 

  215.                     },
    216. 

  216.                     title: {
    217. 

  217.                         text: null
    218. 

  218.                     },
    219. 

  219.                     min: 0.6,
    220. 

  220.                     showFirstLabel: false
    221. 

  221.                 },
    222. 

  222.                 tooltip: {
    223. 

  223.                     formatter: function() {
    224. 

  224.                         return false;
    225. 

  225.                     }
    226. 

  226.                 },
    227. 

  227.                 legend: {
    228. 

  228.                     enabled: false
    229. 

  229.                 },
    230. 

  230.                 credits: {
    231. 

  231.                     enabled: false
    232. 

  232.                 },
    233. 

  233.                 plotOptions: {
    234. 

  234.                     series: {
    235. 

  235.                         fillColor: {
    236. 

  236.                             linearGradient: [0, 0, 0, 70],
    237. 

  237.                             stops: [
    238. 

  238.                                 [0, '#4572A7'],
    239. 

  239.                                 [1, 'rgba(0,0,0,0)']
    240. 

  240.                             ]
    241. 

  241.                         },
    242. 

  242.                         lineWidth: 1,
    243. 

  243.                         marker: {
    244. 

  244.                             enabled: false
    245. 

  245.                         },
    246. 

  246.                         shadow: false,
    247. 

  247.                         states: {
    248. 

  248.                             hover: {
    249. 

  249.                                 lineWidth: 1
    250. 

  250.                             }
    251. 

  251.                         },
    252. 

  252.                         enableMouseTracking: false
    253. 

  253.                     }
    254. 

  254.                 },
    255. 

  255.     
    256. 

  256.                 series: [{
    257. 

  257.                     type: 'area',
    258. 

  258.                     name: 'USD to EUR',
    259. 

  259.                     pointInterval: 24 * 3600 * 1000,
    260. 

  260.                     pointStart: Date.UTC(2006, 0, 01),
    261. 

  261.                     data: data
    262. 

  262.                 }],
    263. 

  263.     
    264. 

  264.                 exporting: {
    265. 

  265.                     enabled: false
    266. 

  266.                 }
    267. 

  267.     
    268. 

  268.             }, function(masterChart) {
    269. 

  269.                 createDetail(masterChart)
    270. 

  270.             })
    271. 

  271.             .highcharts(); // return chart instance
    272. 

  272.         }
    273. 

  273.     
    274. 

  274.         // create the detail chart
    275. 

  275.         function createDetail(masterChart) {
    276. 

  276.     
    277. 

  277.             // prepare the detail chart
    278. 

  278.             var detailData = [],
    279. 

  279.                 detailStart = Date.UTC(2008, 7, 1);
    280. 

  280.     
    281. 

  281.             jQuery.each(masterChart.series[0].data, function(i, point) {
    282. 

  282.                 if (point.x >= detailStart) {
    283. 

  283.                     detailData.push(point.y);
    284. 

  284.                 }
    285. 

  285.             });
    286. 

  286.     
    287. 

  287.             // create a detail chart referenced by a global variable
    288. 

  288.             detailChart = $('#detail-container').highcharts({
    289. 

  289.                 chart: {
    290. 

  290.                     marginBottom: 120,
    291. 

  291.                     reflow: false,
    292. 

  292.                     marginLeft: 50,
    293. 

  293.                     marginRight: 20,
    294. 

  294.                     style: {
    295. 

  295.                         position: 'absolute'
    296. 

  296.                     }
    297. 

  297.                 },
    298. 

  298.                 credits: {
    299. 

  299.                     enabled: false
    300. 

  300.                 },
    301. 

  301.                 title: {
    302. 

  302.                     text: '汇率表'
    303. 

  303.                 },
    304. 

  304.                 subtitle: {
    305. 

  305.                     text: '框选底部查看详情'
    306. 

  306.                 },
    307. 

  307.                 xAxis: {
    308. 

  308.                     type: 'datetime'
    309. 

  309.                 },
    310. 

  310.                 yAxis: {
    311. 

  311.                     title: {
    312. 

  312.                         text: null
    313. 

  313.                     },
    314. 

  314.                     maxZoom: 0.1
    315. 

  315.                 },
    316. 

  316.                 tooltip: {
    317. 

  317.                     formatter: function() {
    318. 

  318.                         var point = this.points[0];
    319. 

  319.                         return '<b>'+ point.series.name +'</b><br/>'+
    320. 

  320.                             Highcharts.dateFormat('%Y年%b%e %A', this.x) + ':<br/>'+
    321. 

  321.                             '1 美元 = '+ Highcharts.numberFormat(point.y, 2) +' 欧元';
    322. 

  322.                     },
    323. 

  323.                     shared: true
    324. 

  324.                 },
    325. 

  325.                 legend: {
    326. 

  326.                     enabled: false
    327. 

  327.                 },
    328. 

  328.                 plotOptions: {
    329. 

  329.                     series: {
    330. 

  330.                         marker: {
    331. 

  331.                             enabled: false,
    332. 

  332.                             states: {
    333. 

  333.                                 hover: {
    334. 

  334.                                     enabled: true,
    335. 

  335.                                     radius: 3
    336. 

  336.                                 }
    337. 

  337.                             }
    338. 

  338.                         }
    339. 

  339.                     }
    340. 

  340.                 },
    341. 

  341.                 series: [{
    342. 

  342.                     name: '美元兑换欧元',
    343. 

  343.                     pointStart: detailStart,
    344. 

  344.                     pointInterval: 24 * 3600 * 1000,
    345. 

  345.                     data: detailData
    346. 

  346.                 }],
    347. 

  347.     
    348. 

  348.                 exporting: {
    349. 

  349.                     enabled: false
    350. 

  350.                 }
    351. 

  351.     
    352. 

  352.             }).highcharts(); // return chart
    353. 

  353.         }
    354. 

  354.     
    355. 

  355.         // make the container smaller and add a second container for the master chart
    356. 

  356.         var $container = $('#container')
    357. 

  357.             .css('position', 'relative');
    358. 

  358.     
    359. 

  359.         var $detailContainer = $('<div id="detail-container">')
    360. 

  360.             .appendTo($container);
    361. 

  361.     
    362. 

  362.         var $masterContainer = $('<div id="master-container">')
    363. 

  363.             .css({ position: 'absolute', top: 300, height: 80, width: '100%' })
    364. 

  364.             .appendTo($container);
    365. 

  365.     
    366. 

  366.         // create master and in its callback, create the detail chart
    367. 

  367.         createMaster();
    368. 

  368.     });
    369. 

  369.     
    370. 

  370. });
    371. 

  371. </script>
    372. 

  372. </head>
    373. 

  373. <body>
    374. 

  374. 

  375. 		<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    376. 

  376. 

  377.  
    378. 

  378. </body>
    379. 

  379. </html>
    380.