Domů Procházet Nápověda
Registrovat se Přihlásit se
seimin
/
itsm-pc-handle
Sledovat 1
Oblíbit 0
Rozštěpit 0
Soubory Úkoly 0 Požadavky na natažení 0 Wiki
Strom: 6ef7e27d30
Větve Značky
itsm-pc-handle
/
bower_components
/
echarts
/
test
/
ie8.html

ie8.html 51 KB
Historie Surový

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004 
  1. <html>
    2. 

  2.     <head>
    3. 

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

  4.         <script src="../dist/echarts.js"></script>
    5. 

  5.         <script src="../map/js/china.js"></script>
    6. 

  6.     </head>
    7. 

  7.     <body>
    8. 

  8.         <style>
    9. 

  9.             html, body {
    10. 

  10.                 width: 100%;
    11. 

  11.                 height: 100%;
    12. 

  12.             }
    13. 

  13.         </style>
    14. 

  14.         <div id="main"></div>
    15. 

  15.         <script>
    16. 

  16.             function makeChart () {
    17. 

  17.                 var main = document.getElementById('main');
    18. 

  18.                 var div = document.createElement('div');
    19. 

  19.                 var width = document.body.clientWidth;
    20. 

  20.                 div.style.cssText = width + 'px; height:400px';
    21. 

  21.                 main.appendChild(div);
    22. 

  22.                 return echarts.init(div);
    23. 

  23.             }
    24. 

  24. 

  25.             function makeLine () {
    26. 

  26.                 var chart = makeChart();
    27. 

  27.                 var xAxisData = [];
    28. 

  28.                 var data1 = [];
    29. 

  29. 

  30.                 for (var i = 0; i < 5; i++) {
    31. 

  31.                     xAxisData[i] = [];
    32. 

  32.                     data1[i] = [];
    33. 

  33.                     for (var j = 0; j < 10; j++) {
    34. 

  34.                         xAxisData[i].push('类目' + j);
    35. 

  35.                         data1[i].push((Math.random() * 5).toFixed(2));
    36. 

  36.                     }
    37. 

  37.                 }
    38. 

  38. 

  39.                 chart.setOption({
    40. 

  40.                     tooltip : {
    41. 

  41.                         trigger: 'axis'
    42. 

  42.                     },
    43. 

  43.                     legend: {
    44. 

  44.                         data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
    45. 

  45.                     },
    46. 

  46.                     xAxis : [
    47. 

  47.                         {
    48. 

  48.                             type : 'category',
    49. 

  49.                             boundaryGap : false,
    50. 

  50.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    51. 

  51.                         }
    52. 

  52.                     ],
    53. 

  53.                     yAxis : [
    54. 

  54.                         {
    55. 

  55.                             type : 'value'
    56. 

  56.                         }
    57. 

  57.                     ],
    58. 

  58.                     series : [
    59. 

  59.                         {
    60. 

  60.                             name:'邮件营销',
    61. 

  61.                             type:'line',
    62. 

  62.                             stack: '总量',
    63. 

  63.                             data:[120, 132, 101, 134, 90, 230, 210]
    64. 

  64.                         },
    65. 

  65.                         {
    66. 

  66.                             name:'联盟广告',
    67. 

  67.                             type:'line',
    68. 

  68.                             stack: '总量',
    69. 

  69.                             symbol: 'diamond',
    70. 

  70.                             data:[220, 182, 191, 234, 290, 330, 310]
    71. 

  71.                         },
    72. 

  72.                         {
    73. 

  73.                             name:'视频广告',
    74. 

  74.                             type:'line',
    75. 

  75.                             stack: '总量',
    76. 

  76.                             symbol: 'square',
    77. 

  77.                             data:[150, 232, 201, 154, 190, 330, 410]
    78. 

  78.                         },
    79. 

  79.                         {
    80. 

  80.                             name:'直接访问',
    81. 

  81.                             type:'line',
    82. 

  82.                             stack: '总量',
    83. 

  83.                             symbol: 'triangle',
    84. 

  84.                             data:[320, 332, 301, 334, 390, 330, 320]
    85. 

  85.                         },
    86. 

  86.                         {
    87. 

  87.                             name:'搜索引擎',
    88. 

  88.                             type:'line',
    89. 

  89.                             stack: '总量',
    90. 

  90.                             symbol: 'triangle',
    91. 

  91.                             symbolRotate: 180,
    92. 

  92.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    93. 

  93.                         }
    94. 

  94.                     ]
    95. 

  95.                 });
    96. 

  96.             }
    97. 

  97.             function makeBar () {
    98. 

  98.                 var chart = makeChart();
    99. 

  99.                 var xAxisData = [];
    100. 

  100.                 var data1 = [];
    101. 

  101. 

  102.                 for (var i = 0; i < 5; i++) {
    103. 

  103.                     xAxisData[i] = [];
    104. 

  104.                     data1[i] = [];
    105. 

  105.                     for (var j = 0; j < 10; j++) {
    106. 

  106.                         xAxisData[i].push('类目' + j);
    107. 

  107.                         data1[i].push((Math.random() * 5).toFixed(2));
    108. 

  108.                     }
    109. 

  109.                 }
    110. 

  110. 

  111.                 chart.setOption({
    112. 

  112.                     tooltip : {
    113. 

  113.                         trigger: 'axis'
    114. 

  114.                     },
    115. 

  115.                     legend: {
    116. 

  116.                         data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
    117. 

  117.                     },
    118. 

  118.                     xAxis : [
    119. 

  119.                         {
    120. 

  120.                             type : 'category',
    121. 

  121.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    122. 

  122.                         }
    123. 

  123.                     ],
    124. 

  124.                     yAxis : [
    125. 

  125.                         {
    126. 

  126.                             type : 'value'
    127. 

  127.                         }
    128. 

  128.                     ],
    129. 

  129.                     series : [
    130. 

  130.                         {
    131. 

  131.                             name:'邮件营销',
    132. 

  132.                             type:'bar',
    133. 

  133.                             stack: '总量',
    134. 

  134.                             data:[120, 132, 101, 134, 90, 230, 210]
    135. 

  135.                         },
    136. 

  136.                         {
    137. 

  137.                             name:'联盟广告',
    138. 

  138.                             type:'bar',
    139. 

  139.                             stack: '总量',
    140. 

  140.                             data:[220, 182, 191, 234, 290, 330, 310]
    141. 

  141.                         },
    142. 

  142.                         {
    143. 

  143.                             name:'视频广告',
    144. 

  144.                             type:'bar',
    145. 

  145.                             stack: '总量',
    146. 

  146.                             data:[150, 232, 201, 154, 190, 330, 410]
    147. 

  147.                         },
    148. 

  148.                         {
    149. 

  149.                             name:'直接访问',
    150. 

  150.                             type:'bar',
    151. 

  151.                             stack: '总量',
    152. 

  152.                             data:[320, 332, 301, 334, 390, 330, 320]
    153. 

  153.                         },
    154. 

  154.                         {
    155. 

  155.                             name:'搜索引擎',
    156. 

  156.                             type:'bar',
    157. 

  157.                             stack: '总量',
    158. 

  158.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    159. 

  159.                         }
    160. 

  160.                     ]
    161. 

  161.                 });
    162. 

  162.             }
    163. 

  163. 

  164.             function makeScatter() {
    165. 

  165.                 var chart = makeChart();
    166. 

  166.                 var data1 = [];
    167. 

  167.                 for (var j = 0; j < 20; j++) {
    168. 

  168.                     data1.push([
    169. 

  169.                         (Math.random() * 5).toFixed(2),
    170. 

  170.                         (Math.random() * 5).toFixed(2),
    171. 

  171.                         (Math.random() * 5).toFixed(2)
    172. 

  172.                     ]);
    173. 

  173.                 }
    174. 

  174. 

  175.                 chart.setOption({
    176. 

  176.                     title : {
    177. 

  177.                         text: '男性女性身高体重分布',
    178. 

  178.                         subtext: '抽样调查来自: Heinz  2003'
    179. 

  179.                     },
    180. 

  180.                     tooltip : {
    181. 

  181.                         trigger: 'axis',
    182. 

  182.                         showDelay : 0,
    183. 

  183.                         formatter : function (params) {
    184. 

  184.                             if (params.value && params.value.length > 1) {
    185. 

  185.                                 return params.seriesName + ' :<br/>'
    186. 

  186.                                    + params.value[0] + 'cm '
    187. 

  187.                                    + params.value[1] + 'kg ';
    188. 

  188.                             }
    189. 

  189.                             else {
    190. 

  190.                                 return params.seriesName + ' :<br/>'
    191. 

  191.                                    + params.name + ' : '
    192. 

  192.                                    + params.value + 'kg ';
    193. 

  193.                             }
    194. 

  194.                         },
    195. 

  195.                         axisPointer:{
    196. 

  196.                             show: true,
    197. 

  197.                             type : 'cross',
    198. 

  198.                             lineStyle: {
    199. 

  199.                                 type : 'dashed',
    200. 

  200.                                 width : 1
    201. 

  201.                             }
    202. 

  202.                         }
    203. 

  203.                     },
    204. 

  204.                     legend: {
    205. 

  205.                         data:['女性','男性']
    206. 

  206.                     },
    207. 

  207.                     toolbox: {
    208. 

  208.                         show : true,
    209. 

  209.                         feature : {
    210. 

  210.                             mark : {show: true},
    211. 

  211.                             dataZoom : {show: true},
    212. 

  212.                             dataView : {show: true, readOnly: false},
    213. 

  213.                             restore : {show: true},
    214. 

  214.                             saveAsImage : {show: true}
    215. 

  215.                         }
    216. 

  216.                     },
    217. 

  217.                     xAxis : [
    218. 

  218.                         {
    219. 

  219.                             type : 'value',
    220. 

  220.                             scale:true,
    221. 

  221.                             axisLabel : {
    222. 

  222.                                 formatter: '{value} cm'
    223. 

  223.                             }
    224. 

  224.                         }
    225. 

  225.                     ],
    226. 

  226.                     yAxis : [
    227. 

  227.                         {
    228. 

  228.                             type : 'value',
    229. 

  229.                             scale:true,
    230. 

  230.                             axisLabel : {
    231. 

  231.                                 formatter: '{value} kg'
    232. 

  232.                             }
    233. 

  233.                         }
    234. 

  234.                     ],
    235. 

  235.                     series : [
    236. 

  236.                         {
    237. 

  237.                             name:'女性',
    238. 

  238.                             type:'scatter',
    239. 

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

  240.                                 [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
    241. 

  241.                                 [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
    242. 

  242.                                 [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
    243. 

  243.                                 [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
    244. 

  244.                                 [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
    245. 

  245.                                 [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
    246. 

  246.                                 [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
    247. 

  247.                                 [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
    248. 

  248.                                 [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
    249. 

  249.                                 [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
    250. 

  250.                                 [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
    251. 

  251.                                 [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
    252. 

  252.                                 [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
    253. 

  253.                                 [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
    254. 

  254.                                 [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
    255. 

  255.                                 [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
    256. 

  256.                                 [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
    257. 

  257.                                 [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
    258. 

  258.                                 [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
    259. 

  259.                                 [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
    260. 

  260.                                 [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
    261. 

  261.                                 [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
    262. 

  262.                                 [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
    263. 

  263.                                 [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
    264. 

  264.                                 [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
    265. 

  265.                                 [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
    266. 

  266.                                 [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
    267. 

  267.                                 [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
    268. 

  268.                                 [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
    269. 

  269.                                 [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
    270. 

  270.                                 [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
    271. 

  271.                                 [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
    272. 

  272.                                 [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
    273. 

  273.                                 [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
    274. 

  274.                                 [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
    275. 

  275.                                 [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
    276. 

  276.                                 [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
    277. 

  277.                                 [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
    278. 

  278.                                 [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
    279. 

  279.                                 [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
    280. 

  280.                                 [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
    281. 

  281.                                 [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
    282. 

  282.                                 [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
    283. 

  283.                                 [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
    284. 

  284.                                 [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
    285. 

  285.                                 [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
    286. 

  286.                                 [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
    287. 

  287.                                 [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
    288. 

  288.                                 [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
    289. 

  289.                                 [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
    290. 

  290.                                 [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
    291. 

  291.                             ],
    292. 

  292.                             markPoint : {
    293. 

  293.                                 data : [
    294. 

  294.                                     {type : 'max', name: '最大值'},
    295. 

  295.                                     {type : 'min', name: '最小值'}
    296. 

  296.                                 ]
    297. 

  297.                             },
    298. 

  298.                             makeLine : {
    299. 

  299.                                 data : [
    300. 

  300.                                     {type : 'average', name: '平均值'}
    301. 

  301.                                 ]
    302. 

  302.                             }
    303. 

  303.                         },
    304. 

  304.                         {
    305. 

  305.                             name:'男性',
    306. 

  306.                             type:'scatter',
    307. 

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

  308.                                 [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
    309. 

  309.                                 [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
    310. 

  310.                                 [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
    311. 

  311.                                 [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
    312. 

  312.                                 [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
    313. 

  313.                                 [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
    314. 

  314.                                 [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
    315. 

  315.                                 [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
    316. 

  316.                                 [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
    317. 

  317.                                 [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
    318. 

  318.                                 [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
    319. 

  319.                                 [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
    320. 

  320.                                 [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
    321. 

  321.                                 [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
    322. 

  322.                                 [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
    323. 

  323.                                 [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
    324. 

  324.                                 [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
    325. 

  325.                                 [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
    326. 

  326.                                 [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
    327. 

  327.                                 [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
    328. 

  328.                                 [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
    329. 

  329.                                 [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
    330. 

  330.                                 [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
    331. 

  331.                                 [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
    332. 

  332.                                 [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
    333. 

  333.                                 [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
    334. 

  334.                                 [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
    335. 

  335.                                 [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
    336. 

  336.                                 [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
    337. 

  337.                                 [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
    338. 

  338.                                 [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
    339. 

  339.                                 [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
    340. 

  340.                                 [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
    341. 

  341.                                 [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
    342. 

  342.                                 [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
    343. 

  343.                                 [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
    344. 

  344.                                 [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
    345. 

  345.                                 [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
    346. 

  346.                                 [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
    347. 

  347.                                 [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
    348. 

  348.                                 [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
    349. 

  349.                                 [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
    350. 

  350.                                 [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
    351. 

  351.                                 [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
    352. 

  352.                                 [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
    353. 

  353.                                 [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
    354. 

  354.                                 [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
    355. 

  355.                                 [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
    356. 

  356.                                 [180.3, 83.2], [180.3, 83.2]
    357. 

  357.                             ],
    358. 

  358.                             markPoint : {
    359. 

  359.                                 data : [
    360. 

  360.                                     {type : 'max', name: '最大值'},
    361. 

  361.                                     {type : 'min', name: '最小值'}
    362. 

  362.                                 ]
    363. 

  363.                             },
    364. 

  364.                             makeLine : {
    365. 

  365.                                 data : [
    366. 

  366.                                     {type : 'average', name: '平均值'}
    367. 

  367.                                 ]
    368. 

  368.                             }
    369. 

  369.                         }
    370. 

  370.                     ]
    371. 

  371.                 });
    372. 

  372.             }
    373. 

  373. 

  374.             function makeMap() {
    375. 

  375.                 var chart = makeChart();
    376. 

  376.                 chart.setOption({
    377. 

  377.                     tooltip: {},
    378. 

  378.                     legend: {
    379. 

  379.                         data: ['a', 'b']
    380. 

  380.                     },
    381. 

  381.                     series: [{
    382. 

  382.                         name: 'a',
    383. 

  383.                         type: 'map',
    384. 

  384.                         map: 'china',
    385. 

  385.                         data: [
    386. 

  386.                             {name: '北京',value: Math.round(Math.random()*1000)},
    387. 

  387.                             {name: '天津',value: Math.round(Math.random()*1000)},
    388. 

  388.                             {name: '上海',value: Math.round(Math.random()*1000)},
    389. 

  389.                             {name: '重庆',value: Math.round(Math.random()*1000)},
    390. 

  390.                             {name: '河北',value: Math.round(Math.random()*1000)},
    391. 

  391.                             {name: '河南',value: Math.round(Math.random()*1000)},
    392. 

  392.                             {name: '云南',value: Math.round(Math.random()*1000)}
    393. 

  393.                         ]
    394. 

  394.                     }, {
    395. 

  395.                         name: 'b',
    396. 

  396.                         type: 'map',
    397. 

  397.                         map: 'china',
    398. 

  398.                         data: [
    399. 

  399.                             {name: '北京',value: Math.round(Math.random()*1000)},
    400. 

  400.                             {name: '天津',value: Math.round(Math.random()*1000)},
    401. 

  401.                             {name: '上海',value: Math.round(Math.random()*1000)},
    402. 

  402.                             {name: '重庆',value: Math.round(Math.random()*1000)},
    403. 

  403.                             {name: '河北',value: Math.round(Math.random()*1000)},
    404. 

  404.                             {name: '河南',value: Math.round(Math.random()*1000)},
    405. 

  405.                             {name: '云南',value: Math.round(Math.random()*1000)}
    406. 

  406.                         ]
    407. 

  407.                     }]
    408. 

  408.                 });
    409. 

  409.             }
    410. 

  410. 

  411.             function makeFunnel() {
    412. 

  412.                 var chart = makeChart();
    413. 

  413.                 chart.setOption({
    414. 

  414.                     title : {
    415. 

  415.                         text: '漏斗图',
    416. 

  416.                         subtext: '纯属虚构'
    417. 

  417.                     },
    418. 

  418.                     tooltip : {
    419. 

  419.                         trigger: 'item',
    420. 

  420.                         formatter: '{a} <br/>{b} : {c}%'
    421. 

  421.                     },
    422. 

  422.                     legend: {
    423. 

  423.                         data : ['展现','点击','访问','咨询','订单']
    424. 

  424.                     },
    425. 

  425.                     series: [
    426. 

  426.                         {
    427. 

  427.                             name:'漏斗图',
    428. 

  428.                             type:'funnel',
    429. 

  429.                             gap: 3,
    430. 

  430.                             sort: 'ascending',
    431. 

  431.                             label: {
    432. 

  432.                                 normal: {
    433. 

  433.                                     position: 'inside'
    434. 

  434.                                 }
    435. 

  435.                             },
    436. 

  436.                             data:[
    437. 

  437.                                 {value:60, name:'访问'},
    438. 

  438.                                 {value:40, name:'咨询'},
    439. 

  439.                                 {value:20, name:'订单'},
    440. 

  440.                                 {value:80, name:'点击'},
    441. 

  441.                                 {value:100, name:'展现'}
    442. 

  442.                             ]
    443. 

  443.                         }
    444. 

  444.                     ]
    445. 

  445.                 });
    446. 

  446.             }
    447. 

  447. 

  448. 

  449.             function makeBar () {
    450. 

  450.                 var chart = makeChart();
    451. 

  451.                 var xAxisData = [];
    452. 

  452.                 var data1 = [];
    453. 

  453. 

  454.                 for (var i = 0; i < 5; i++) {
    455. 

  455.                     xAxisData[i] = [];
    456. 

  456.                     data1[i] = [];
    457. 

  457.                     for (var j = 0; j < 10; j++) {
    458. 

  458.                         xAxisData[i].push('类目' + j);
    459. 

  459.                         data1[i].push((Math.random() * 5).toFixed(2));
    460. 

  460.                     }
    461. 

  461.                 }
    462. 

  462. 

  463.                 chart.setOption({
    464. 

  464.                     tooltip : {
    465. 

  465.                         trigger: 'axis'
    466. 

  466.                     },
    467. 

  467.                     legend: {
    468. 

  468.                         data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
    469. 

  469.                     },
    470. 

  470.                     xAxis : [
    471. 

  471.                         {
    472. 

  472.                             type : 'category',
    473. 

  473.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    474. 

  474.                         }
    475. 

  475.                     ],
    476. 

  476.                     yAxis : [
    477. 

  477.                         {
    478. 

  478.                             type : 'value'
    479. 

  479.                         }
    480. 

  480.                     ],
    481. 

  481.                     series : [
    482. 

  482.                         {
    483. 

  483.                             name:'邮件营销',
    484. 

  484.                             type:'bar',
    485. 

  485.                             stack: '总量',
    486. 

  486.                             data:[120, 132, 101, 134, 90, 230, 210]
    487. 

  487.                         },
    488. 

  488.                         {
    489. 

  489.                             name:'联盟广告',
    490. 

  490.                             type:'bar',
    491. 

  491.                             stack: '总量',
    492. 

  492.                             data:[220, 182, 191, 234, 290, 330, 310]
    493. 

  493.                         },
    494. 

  494.                         {
    495. 

  495.                             name:'视频广告',
    496. 

  496.                             type:'bar',
    497. 

  497.                             stack: '总量',
    498. 

  498.                             data:[150, 232, 201, 154, 190, 330, 410]
    499. 

  499.                         },
    500. 

  500.                         {
    501. 

  501.                             name:'直接访问',
    502. 

  502.                             type:'bar',
    503. 

  503.                             stack: '总量',
    504. 

  504.                             data:[320, 332, 301, 334, 390, 330, 320]
    505. 

  505.                         },
    506. 

  506.                         {
    507. 

  507.                             name:'搜索引擎',
    508. 

  508.                             type:'bar',
    509. 

  509.                             stack: '总量',
    510. 

  510.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    511. 

  511.                         }
    512. 

  512.                     ]
    513. 

  513.                 });
    514. 

  514.             }
    515. 

  515. 

  516.             function makePie() {
    517. 

  517.                 var chart = makeChart();
    518. 

  518.                 chart.setOption({
    519. 

  519.                     legend: {
    520. 

  520.                         data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    521. 

  521.                     },
    522. 

  522.                     tooltip: {
    523. 

  523. 

  524.                     },
    525. 

  525.                     series: [{
    526. 

  526.                         name: 'pie',
    527. 

  527.                         type: 'pie',
    528. 

  528.                         selectedMode: 'single',
    529. 

  529.                         hoverAnimation: false,
    530. 

  530.                         selectedOffset: 30,
    531. 

  531.                         clockwise: true,
    532. 

  532.                         radius: [50, 100],
    533. 

  533.                         animation: false,
    534. 

  534.                         data:[
    535. 

  535.                             {value:0, name:'直接访问'},
    536. 

  536.                             {value:310, name:'邮件营销'},
    537. 

  537.                             {value:234, name:'联盟广告'},
    538. 

  538.                             {value:135, name:'视频广告'},
    539. 

  539.                             {value:1548, name:'搜索引擎'}
    540. 

  540.                         ]
    541. 

  541.                     }]
    542. 

  542.                 });
    543. 

  543.             }
    544. 

  544. 

  545.             function makeExtremePie() {
    546. 

  546.                 var chart = makeChart();
    547. 

  547.                 chart.setOption({
    548. 

  548.                     "tooltip": {
    549. 

  549.                         "trigger": "item",
    550. 

  550.                         "formatter": "{b} : {c}吨 ({d}%)"
    551. 

  551.                     },
    552. 

  552.                     "series": [
    553. 

  553.                         {
    554. 

  554.                             "type": "pie",
    555. 

  555.                             "radius": "60%",
    556. 

  556.                             "center": ["50%", "50%" ],
    557. 

  557.                             "data": [
    558. 

  558.                                 {
    559. 

  559.                                     "value": "6000",
    560. 

  560.                                     "name": "aaa"
    561. 

  561.                                 },
    562. 

  562.                                 {
    563. 

  563.                                     "value": "123456790246912.12345",
    564. 

  564.                                     "name": "bbb"
    565. 

  565.                                 }
    566. 

  566.                             ],
    567. 

  567.                             "itemStyle": {
    568. 

  568.                                 "emphasis": {
    569. 

  569.                                     "shadowBlur": 10,
    570. 

  570.                                     "shadowOffsetX": 0,
    571. 

  571.                                     "shadowColor": "rgba(0, 0, 0, 0.5)"
    572. 

  572.                                 }
    573. 

  573.                             }
    574. 

  574.                         }
    575. 

  575.                     ]
    576. 

  576.                 });
    577. 

  577.             }
    578. 

  578. 

  579.             function makeSinglePie() {
    580. 

  580.                 var chart = makeChart();
    581. 

  581.                 chart.setOption({
    582. 

  582.                     legend: {
    583. 

  583.                         data:['直接访问']
    584. 

  584.                     },
    585. 

  585.                     tooltip: {
    586. 

  586. 

  587.                     },
    588. 

  588.                     series: [{
    589. 

  589.                         name: 'pie',
    590. 

  590.                         type: 'pie',
    591. 

  591.                         selectedMode: 'single',
    592. 

  592.                         hoverAnimation: false,
    593. 

  593.                         selectedOffset: 30,
    594. 

  594.                         clockwise: true,
    595. 

  595.                         data:[
    596. 

  596.                             {value:335, name:'直接访问'}
    597. 

  597.                         ]
    598. 

  598.                     }]
    599. 

  599.                 });
    600. 

  600.             }
    601. 

  601. 

  602.             function makeScatter() {
    603. 

  603.                 var chart = makeChart();
    604. 

  604.                 var data1 = [];
    605. 

  605.                 for (var j = 0; j < 20; j++) {
    606. 

  606.                     data1.push([
    607. 

  607.                         (Math.random() * 5).toFixed(2),
    608. 

  608.                         (Math.random() * 5).toFixed(2),
    609. 

  609.                         (Math.random() * 5).toFixed(2)
    610. 

  610.                     ]);
    611. 

  611.                 }
    612. 

  612. 

  613.                 chart.setOption({
    614. 

  614.                     title : {
    615. 

  615.                         text: '男性女性身高体重分布',
    616. 

  616.                         subtext: '抽样调查来自: Heinz  2003'
    617. 

  617.                     },
    618. 

  618.                     tooltip : {
    619. 

  619.                         trigger: 'axis',
    620. 

  620.                         showDelay : 0,
    621. 

  621.                         formatter : function (params) {
    622. 

  622.                             if (params.value.length > 1) {
    623. 

  623.                                 return params.seriesName + ' :<br/>'
    624. 

  624.                                    + params.value[0] + 'cm '
    625. 

  625.                                    + params.value[1] + 'kg ';
    626. 

  626.                             }
    627. 

  627.                             else {
    628. 

  628.                                 return params.seriesName + ' :<br/>'
    629. 

  629.                                    + params.name + ' : '
    630. 

  630.                                    + params.value + 'kg ';
    631. 

  631.                             }
    632. 

  632.                         },
    633. 

  633.                         axisPointer:{
    634. 

  634.                             show: true,
    635. 

  635.                             type : 'cross',
    636. 

  636.                             lineStyle: {
    637. 

  637.                                 type : 'dashed',
    638. 

  638.                                 width : 1
    639. 

  639.                             }
    640. 

  640.                         }
    641. 

  641.                     },
    642. 

  642.                     legend: {
    643. 

  643.                         data:['女性','男性']
    644. 

  644.                     },
    645. 

  645.                     toolbox: {
    646. 

  646.                         show : true,
    647. 

  647.                         feature : {
    648. 

  648.                             mark : {show: true},
    649. 

  649.                             dataZoom : {show: true},
    650. 

  650.                             dataView : {show: true, readOnly: false},
    651. 

  651.                             restore : {show: true},
    652. 

  652.                             saveAsImage : {show: true}
    653. 

  653.                         }
    654. 

  654.                     },
    655. 

  655.                     xAxis : [
    656. 

  656.                         {
    657. 

  657.                             type : 'value',
    658. 

  658.                             scale:true,
    659. 

  659.                             axisLabel : {
    660. 

  660.                                 formatter: '{value} cm'
    661. 

  661.                             }
    662. 

  662.                         }
    663. 

  663.                     ],
    664. 

  664.                     yAxis : [
    665. 

  665.                         {
    666. 

  666.                             type : 'value',
    667. 

  667.                             scale:true,
    668. 

  668.                             axisLabel : {
    669. 

  669.                                 formatter: '{value} kg'
    670. 

  670.                             }
    671. 

  671.                         }
    672. 

  672.                     ],
    673. 

  673.                     series : [
    674. 

  674.                         {
    675. 

  675.                             name:'女性',
    676. 

  676.                             type:'scatter',
    677. 

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

  678.                                 [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
    679. 

  679.                                 [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
    680. 

  680.                                 [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
    681. 

  681.                                 [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
    682. 

  682.                                 [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
    683. 

  683.                                 [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
    684. 

  684.                                 [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
    685. 

  685.                                 [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
    686. 

  686.                                 [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
    687. 

  687.                                 [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
    688. 

  688.                                 [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
    689. 

  689.                                 [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
    690. 

  690.                                 [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
    691. 

  691.                                 [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
    692. 

  692.                                 [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
    693. 

  693.                                 [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
    694. 

  694.                                 [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
    695. 

  695.                                 [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
    696. 

  696.                                 [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
    697. 

  697.                                 [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
    698. 

  698.                                 [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
    699. 

  699.                                 [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
    700. 

  700.                                 [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
    701. 

  701.                                 [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
    702. 

  702.                                 [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
    703. 

  703.                                 [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
    704. 

  704.                                 [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
    705. 

  705.                                 [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
    706. 

  706.                                 [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
    707. 

  707.                                 [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
    708. 

  708.                                 [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
    709. 

  709.                                 [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
    710. 

  710.                                 [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
    711. 

  711.                                 [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
    712. 

  712.                                 [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
    713. 

  713.                                 [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
    714. 

  714.                                 [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
    715. 

  715.                                 [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
    716. 

  716.                                 [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
    717. 

  717.                                 [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
    718. 

  718.                                 [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
    719. 

  719.                                 [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
    720. 

  720.                                 [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
    721. 

  721.                                 [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
    722. 

  722.                                 [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
    723. 

  723.                                 [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
    724. 

  724.                                 [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
    725. 

  725.                                 [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
    726. 

  726.                                 [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
    727. 

  727.                                 [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
    728. 

  728.                                 [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
    729. 

  729.                             ],
    730. 

  730.                             markPoint : {
    731. 

  731.                                 data : [
    732. 

  732.                                     {type : 'max', name: '最大值'},
    733. 

  733.                                     {type : 'min', name: '最小值'}
    734. 

  734.                                 ]
    735. 

  735.                             },
    736. 

  736.                             makeLine : {
    737. 

  737.                                 data : [
    738. 

  738.                                     {type : 'average', name: '平均值'}
    739. 

  739.                                 ]
    740. 

  740.                             }
    741. 

  741.                         },
    742. 

  742.                         {
    743. 

  743.                             name:'男性',
    744. 

  744.                             type:'scatter',
    745. 

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

  746.                                 [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
    747. 

  747.                                 [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
    748. 

  748.                                 [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
    749. 

  749.                                 [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
    750. 

  750.                                 [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
    751. 

  751.                                 [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
    752. 

  752.                                 [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
    753. 

  753.                                 [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
    754. 

  754.                                 [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
    755. 

  755.                                 [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
    756. 

  756.                                 [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
    757. 

  757.                                 [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
    758. 

  758.                                 [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
    759. 

  759.                                 [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
    760. 

  760.                                 [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
    761. 

  761.                                 [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
    762. 

  762.                                 [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
    763. 

  763.                                 [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
    764. 

  764.                                 [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
    765. 

  765.                                 [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
    766. 

  766.                                 [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
    767. 

  767.                                 [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
    768. 

  768.                                 [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
    769. 

  769.                                 [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
    770. 

  770.                                 [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
    771. 

  771.                                 [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
    772. 

  772.                                 [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
    773. 

  773.                                 [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
    774. 

  774.                                 [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
    775. 

  775.                                 [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
    776. 

  776.                                 [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
    777. 

  777.                                 [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
    778. 

  778.                                 [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
    779. 

  779.                                 [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
    780. 

  780.                                 [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
    781. 

  781.                                 [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
    782. 

  782.                                 [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
    783. 

  783.                                 [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
    784. 

  784.                                 [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
    785. 

  785.                                 [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
    786. 

  786.                                 [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
    787. 

  787.                                 [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
    788. 

  788.                                 [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
    789. 

  789.                                 [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
    790. 

  790.                                 [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
    791. 

  791.                                 [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
    792. 

  792.                                 [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
    793. 

  793.                                 [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
    794. 

  794.                                 [180.3, 83.2], [180.3, 83.2]
    795. 

  795.                             ],
    796. 

  796.                             markPoint : {
    797. 

  797.                                 data : [
    798. 

  798.                                     {type : 'max', name: '最大值'},
    799. 

  799.                                     {type : 'min', name: '最小值'}
    800. 

  800.                                 ]
    801. 

  801.                             },
    802. 

  802.                             makeLine : {
    803. 

  803.                                 data : [
    804. 

  804.                                     {type : 'average', name: '平均值'}
    805. 

  805.                                 ]
    806. 

  806.                             }
    807. 

  807.                         }
    808. 

  808.                     ]
    809. 

  809.                 });
    810. 

  810.             }
    811. 

  811. 

  812.             function makeFunnel() {
    813. 

  813.                 var chart = makeChart();
    814. 

  814.                 chart.setOption({
    815. 

  815.                     title : {
    816. 

  816.                         text: '漏斗图',
    817. 

  817.                         subtext: '纯属虚构'
    818. 

  818.                     },
    819. 

  819.                     tooltip : {
    820. 

  820.                         trigger: 'item',
    821. 

  821.                         formatter: '{a} <br/>{b} : {c}%'
    822. 

  822.                     },
    823. 

  823.                     legend: {
    824. 

  824.                         data : ['展现','点击','访问','咨询','订单']
    825. 

  825.                     },
    826. 

  826.                     series: [
    827. 

  827.                         {
    828. 

  828.                             name:'漏斗图',
    829. 

  829.                             type:'funnel',
    830. 

  830.                             gap: 3,
    831. 

  831.                             sort: 'ascending',
    832. 

  832.                             label: {
    833. 

  833.                                 normal: {
    834. 

  834.                                     position: 'inside'
    835. 

  835.                                 }
    836. 

  836.                             },
    837. 

  837.                             data:[
    838. 

  838.                                 {value:60, name:'访问'},
    839. 

  839.                                 {value:40, name:'咨询'},
    840. 

  840.                                 {value:20, name:'订单'},
    841. 

  841.                                 {value:80, name:'点击'},
    842. 

  842.                                 {value:100, name:'展现'}
    843. 

  843.                             ]
    844. 

  844.                         }
    845. 

  845.                     ]
    846. 

  846.                 });
    847. 

  847.             }
    848. 

  848. 

  849.             function makeDataZoom() {
    850. 

  850.                 var chart = makeChart();
    851. 

  851.                 var data = [];
    852. 

  852.                 var categoryData = [];
    853. 

  853.                 var y = Math.random() * 1000;
    854. 

  854.                 for (var i = 0; i < 50; i++) {
    855. 

  855.                     categoryData.push('C' + i);
    856. 

  856.                     data.push(y);
    857. 

  857.                     y += 100 * Math.random() - 50;
    858. 

  858.                 }
    859. 

  859.                 chart.setOption({
    860. 

  860.                     xAxis: {
    861. 

  861.                         data: categoryData
    862. 

  862.                     },
    863. 

  863.                     yAxis: {},
    864. 

  864.                     dataZoom: [{
    865. 

  865.                         start: 0,
    866. 

  866.                         end: 30
    867. 

  867.                     }],
    868. 

  868.                     series: [
    869. 

  869.                         {
    870. 

  870.                             type: 'line',
    871. 

  871.                             animation: false,
    872. 

  872.                             data: data
    873. 

  873.                             // smooth: true
    874. 

  874.                         }
    875. 

  875.                     ]
    876. 

  876.                 });
    877. 

  877.             }
    878. 

  878. 

  879.             function makeGraph() {
    880. 

  880.                 var chart = makeChart();
    881. 

  881.                 chart.setOption({
    882. 

  882.                     tooltip: {},
    883. 

  883.                     animationDurationUpdate: 1500,
    884. 

  884.                     animationEasingUpdate: 'quinticInOut',
    885. 

  885.                     series : [
    886. 

  886.                         {
    887. 

  887.                             type: 'graph',
    888. 

  888.                             layout: 'none',
    889. 

  889.                             symbolSize: 50,
    890. 

  890.                             roam: true,
    891. 

  891.                             label: {
    892. 

  892.                                 normal: {
    893. 

  893.                                     show: true
    894. 

  894.                                 }
    895. 

  895.                             },
    896. 

  896.                             edgeSymbol: ['circle', 'arrow'],
    897. 

  897.                             edgeSymbolSize: [4, 10],
    898. 

  898.                             edgeLabel: {
    899. 

  899.                                 normal: {
    900. 

  900.                                     textStyle: {
    901. 

  901.                                         fontSize: 20
    902. 

  902.                                     }
    903. 

  903.                                 }
    904. 

  904.                             },
    905. 

  905.                             data: [{
    906. 

  906.                                 name: '节点1',
    907. 

  907.                                 x: 300,
    908. 

  908.                                 y: 300
    909. 

  909.                             }, {
    910. 

  910.                                 name: '节点2',
    911. 

  911.                                 x: 800,
    912. 

  912.                                 y: 300
    913. 

  913.                             }, {
    914. 

  914.                                 name: '节点3',
    915. 

  915.                                 x: 550,
    916. 

  916.                                 y: 100
    917. 

  917.                             }, {
    918. 

  918.                                 name: '节点4',
    919. 

  919.                                 x: 550,
    920. 

  920.                                 y: 500
    921. 

  921.                             }],
    922. 

  922.                             // links: [],
    923. 

  923.                             links: [{
    924. 

  924.                                 source: '节点1',
    925. 

  925.                                 target: '节点2',
    926. 

  926.                                 symbolSize: [5, 20],
    927. 

  927.                                 label: {
    928. 

  928.                                     normal: {
    929. 

  929.                                         show: true
    930. 

  930.                                     }
    931. 

  931.                                 },
    932. 

  932.                                 lineStyle: {
    933. 

  933.                                     normal: {
    934. 

  934.                                         width: 5,
    935. 

  935.                                         curveness: 0.2
    936. 

  936.                                     }
    937. 

  937.                                 }
    938. 

  938.                             }, {
    939. 

  939.                                 source: '节点2',
    940. 

  940.                                 target: '节点1',
    941. 

  941.                                 label: {
    942. 

  942.                                     normal: {
    943. 

  943.                                         show: true
    944. 

  944.                                     }
    945. 

  945.                                 },
    946. 

  946.                                 lineStyle: {
    947. 

  947.                                     normal: { curveness: 0.2 }
    948. 

  948.                                 }
    949. 

  949.                             }, {
    950. 

  950.                                 source: '节点1',
    951. 

  951.                                 target: '节点3'
    952. 

  952.                             }, {
    953. 

  953.                                 source: '节点2',
    954. 

  954.                                 target: '节点3'
    955. 

  955.                             }, {
    956. 

  956.                                 source: '节点2',
    957. 

  957.                                 target: '节点4'
    958. 

  958.                             }, {
    959. 

  959.                                 source: '节点1',
    960. 

  960.                                 target: '节点4'
    961. 

  961.                             }],
    962. 

  962.                             lineStyle: {
    963. 

  963.                                 normal: {
    964. 

  964.                                     curveness: 0
    965. 

  965.                                 }
    966. 

  966.                             }
    967. 

  967.                         }
    968. 

  968.                     ]
    969. 

  969.                 });
    970. 

  970.             }
    971. 

  971. 

  972.             setTimeout(function () {
    973. 

  973.                 makeLine();
    974. 

  974.             }, 500);
    975. 

  975.             setTimeout(function () {
    976. 

  976.                 makeBar();
    977. 

  977.             }, 1000);
    978. 

  978.             setTimeout(function () {
    979. 

  979.                 makePie();
    980. 

  980.             }, 1500);
    981. 

  981.             setTimeout(function () {
    982. 

  982.                 makeExtremePie();
    983. 

  983.             }, 1600);
    984. 

  984.             setTimeout(function () {
    985. 

  985.                 makeSinglePie();
    986. 

  986.             }, 1800);
    987. 

  987.             setTimeout(function () {
    988. 

  988.                 makeScatter();
    989. 

  989.             }, 2000);
    990. 

  990.             setTimeout(function () {
    991. 

  991.                 makeMap();
    992. 

  992.             }, 2500);
    993. 

  993.             setTimeout(function () {
    994. 

  994.                 makeFunnel();
    995. 

  995.             }, 3000);
    996. 

  996.             setTimeout(function () {
    997. 

  997.                 makeDataZoom();
    998. 

  998.             }, 3500);
    999. 

  999.             setTimeout(function () {
    1000. 

  1000.                 makeGraph();
    1001. 

  1001.             }, 3500);
    1002. 

  1002.         </script>
    1003. 

  1003.     </body>
    1004. 

  1004. </html>
    1005.