首頁 探索 說明
登入
other
/
onepage_mrhi
2
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
目錄樹: f0539c58af
分支列表 標籤列表
onepage_mrhi
/
kissy
/
public
/
echarts
/
doc
/
example
/
scatter1.html

scatter1.html 14 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.     <meta name="description" content="ECharts">
    8. 

  8.     <meta name="author" content="kener.linfeng@gmail.com">
    9. 

  9.     <title>ECharts · Example</title>
    10. 

  10. 

  11.     <link rel="shortcut icon" href="../asset/ico/favicon.png">
    12. 

  12. 

  13.     <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
    14. 

  14.     <link href="../asset/css/bootstrap.css" rel="stylesheet">
    15. 

  15.     <link href="../asset/css/carousel.css" rel="stylesheet">
    16. 

  16.     <link href="../asset/css/echartsHome.css" rel="stylesheet">
    17. 

  17.     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    18. 

  18.     <!--[if lt IE 9]>
    19. 

  19.       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    20. 

  20.       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    21. 

  21.     <![endif]-->
    22. 

  22. 

  23.     <script src="./www/js/echarts.js"></script>
    24. 

  24.     <script src="../asset/js/codemirror.js"></script>
    25. 

  25.     <script src="../asset/js/javascript.js"></script>
    26. 

  26. 

  27.     <link href="../asset/css/codemirror.css" rel="stylesheet">
    28. 

  28.     <link href="../asset/css/monokai.css" rel="stylesheet">
    29. 

  29. </head>
    30. 

  30. 

  31. <body>
    32. 

  32.     <!-- Fixed navbar -->
    33. 

  33.     <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
    34. 

  34. 

  35. 

  36.     <div class="container-fluid">
    37. 

  37.         <div class="row-fluid example">
    38. 

  38.             <div id="sidebar-code" class="col-md-4">
    39. 

  39.                 <div class="well sidebar-nav">
    40. 

  40.                     <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
    41. 

  41.                     <textarea id="code" name="code">
    42. 

  42. option = {
    43. 

  43.     title : {
    44. 

  44.         text: '男性女性身高体重分布',
    45. 

  45.         subtext: '抽样调查来自: Heinz  2003'
    46. 

  46.     },
    47. 

  47.     tooltip : {
    48. 

  48.         trigger: 'axis',
    49. 

  49.         showDelay : 0,
    50. 

  50.         formatter : function (params) {
    51. 

  51.             if (params.value.length > 1) {
    52. 

  52.                 return params.seriesName + ' :<br/>'
    53. 

  53.                    + params.value[0] + 'cm ' 
    54. 

  54.                    + params.value[1] + 'kg ';
    55. 

  55.             }
    56. 

  56.             else {
    57. 

  57.                 return params.seriesName + ' :<br/>'
    58. 

  58.                    + params.name + ' : '
    59. 

  59.                    + params.value + 'kg ';
    60. 

  60.             }
    61. 

  61.         },  
    62. 

  62.         axisPointer:{
    63. 

  63.             show: true,
    64. 

  64.             type : 'cross',
    65. 

  65.             lineStyle: {
    66. 

  66.                 type : 'dashed',
    67. 

  67.                 width : 1
    68. 

  68.             }
    69. 

  69.         }
    70. 

  70.     },
    71. 

  71.     legend: {
    72. 

  72.         data:['女性','男性']
    73. 

  73.     },
    74. 

  74.     toolbox: {
    75. 

  75.         show : true,
    76. 

  76.         feature : {
    77. 

  77.             mark : {show: true},
    78. 

  78.             dataZoom : {show: true},
    79. 

  79.             dataView : {show: true, readOnly: false},
    80. 

  80.             restore : {show: true},
    81. 

  81.             saveAsImage : {show: true}
    82. 

  82.         }
    83. 

  83.     },
    84. 

  84.     xAxis : [
    85. 

  85.         {
    86. 

  86.             type : 'value',
    87. 

  87.             scale:true,
    88. 

  88.             axisLabel : {
    89. 

  89.                 formatter: '{value} cm'
    90. 

  90.             }
    91. 

  91.         }
    92. 

  92.     ],
    93. 

  93.     yAxis : [
    94. 

  94.         {
    95. 

  95.             type : 'value',
    96. 

  96.             scale:true,
    97. 

  97.             axisLabel : {
    98. 

  98.                 formatter: '{value} kg'
    99. 

  99.             }
    100. 

  100.         }
    101. 

  101.     ],
    102. 

  102.     series : [
    103. 

  103.         {
    104. 

  104.             name:'女性',
    105. 

  105.             type:'scatter',
    106. 

  106.             data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
    107. 

  107.                 [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
    108. 

  108.                 [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
    109. 

  109.                 [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
    110. 

  110.                 [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
    111. 

  111.                 [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
    112. 

  112.                 [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
    113. 

  113.                 [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
    114. 

  114.                 [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
    115. 

  115.                 [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
    116. 

  116.                 [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
    117. 

  117.                 [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
    118. 

  118.                 [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
    119. 

  119.                 [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
    120. 

  120.                 [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
    121. 

  121.                 [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
    122. 

  122.                 [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
    123. 

  123.                 [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
    124. 

  124.                 [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
    125. 

  125.                 [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
    126. 

  126.                 [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
    127. 

  127.                 [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
    128. 

  128.                 [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
    129. 

  129.                 [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
    130. 

  130.                 [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
    131. 

  131.                 [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
    132. 

  132.                 [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
    133. 

  133.                 [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
    134. 

  134.                 [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
    135. 

  135.                 [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
    136. 

  136.                 [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
    137. 

  137.                 [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
    138. 

  138.                 [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
    139. 

  139.                 [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
    140. 

  140.                 [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
    141. 

  141.                 [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
    142. 

  142.                 [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
    143. 

  143.                 [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
    144. 

  144.                 [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
    145. 

  145.                 [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
    146. 

  146.                 [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
    147. 

  147.                 [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
    148. 

  148.                 [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
    149. 

  149.                 [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
    150. 

  150.                 [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
    151. 

  151.                 [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
    152. 

  152.                 [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
    153. 

  153.                 [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
    154. 

  154.                 [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
    155. 

  155.                 [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
    156. 

  156.                 [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
    157. 

  157.                 [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
    158. 

  158.             ],
    159. 

  159.             markPoint : {
    160. 

  160.                 data : [
    161. 

  161.                     {type : 'max', name: '最大值'},
    162. 

  162.                     {type : 'min', name: '最小值'}
    163. 

  163.                 ]
    164. 

  164.             },
    165. 

  165.             markLine : {
    166. 

  166.                 data : [
    167. 

  167.                     {type : 'average', name: '平均值'}
    168. 

  168.                 ]
    169. 

  169.             }
    170. 

  170.         },
    171. 

  171.         {
    172. 

  172.             name:'男性',
    173. 

  173.             type:'scatter',
    174. 

  174.             data: [[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8],
    175. 

  175.                 [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
    176. 

  176.                 [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
    177. 

  177.                 [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
    178. 

  178.                 [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
    179. 

  179.                 [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
    180. 

  180.                 [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
    181. 

  181.                 [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
    182. 

  182.                 [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
    183. 

  183.                 [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
    184. 

  184.                 [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
    185. 

  185.                 [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
    186. 

  186.                 [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
    187. 

  187.                 [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
    188. 

  188.                 [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
    189. 

  189.                 [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
    190. 

  190.                 [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
    191. 

  191.                 [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
    192. 

  192.                 [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
    193. 

  193.                 [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
    194. 

  194.                 [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
    195. 

  195.                 [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
    196. 

  196.                 [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
    197. 

  197.                 [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
    198. 

  198.                 [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
    199. 

  199.                 [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
    200. 

  200.                 [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
    201. 

  201.                 [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
    202. 

  202.                 [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
    203. 

  203.                 [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
    204. 

  204.                 [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
    205. 

  205.                 [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
    206. 

  206.                 [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
    207. 

  207.                 [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
    208. 

  208.                 [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
    209. 

  209.                 [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
    210. 

  210.                 [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
    211. 

  211.                 [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
    212. 

  212.                 [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
    213. 

  213.                 [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
    214. 

  214.                 [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
    215. 

  215.                 [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
    216. 

  216.                 [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
    217. 

  217.                 [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
    218. 

  218.                 [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
    219. 

  219.                 [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
    220. 

  220.                 [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
    221. 

  221.                 [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
    222. 

  222.                 [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
    223. 

  223.                 [180.3, 83.2], [180.3, 83.2]
    224. 

  224.             ],
    225. 

  225.             markPoint : {
    226. 

  226.                 data : [
    227. 

  227.                     {type : 'max', name: '最大值'},
    228. 

  228.                     {type : 'min', name: '最小值'}
    229. 

  229.                 ]
    230. 

  230.             },
    231. 

  231.             markLine : {
    232. 

  232.                 data : [
    233. 

  233.                     {type : 'average', name: '平均值'}
    234. 

  234.                 ]
    235. 

  235.             }
    236. 

  236.         }
    237. 

  237.     ]
    238. 

  238. };
    239. 

  239.                     </textarea>
    240. 

  240.               </div><!--/.well -->
    241. 

  241.             </div><!--/span-->
    242. 

  242.             <div id="graphic" class="col-md-8">
    243. 

  243.                 <div id="main" class="main"></div>
    244. 

  244.                 <div>
    245. 

  245.                     <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
    246. 

  246.                     <span class="text-primary">切换主题</span>
    247. 

  247.                     <select id="theme-select"></select>
    248. 

  248. 

  249.                     <span id='wrong-message' style="color:red"></span>
    250. 

  250.                 </div>
    251. 

  251.             </div><!--/span-->
    252. 

  252.         </div><!--/row-->
    253. 

  253.         
    254. 

  254.         </div><!--/.fluid-container-->
    255. 

  255. 

  256.     <footer id="footer"></footer>
    257. 

  257.     <!-- Le javascript
    258. 

  258.     ================================================== -->
    259. 

  259.     <!-- Placed at the end of the document so the pages load faster -->
    260. 

  260.     <script src="../asset/js/jquery.min.js"></script>
    261. 

  261.     <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
    262. 

  262.     <script src="../asset/js/bootstrap.min.js"></script>
    263. 

  263.     <script src="../asset/js/echartsExample.js"></script>
    264. 

  264. </body>
    265. 

  265. </html>
    266.