Home Esplora Aiuto
Registrati Accedi
xmnk
/
wkshi
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Ramo (Branch): master
Rami (Branch) Tag
wkshi
/
public
/
vendor
/
echarts
/
test
/
ie8.html

ie8.html 53 KB
Permalink Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035 
  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.                 var option = {
    40. 

  40.                     tooltip : {
    41. 

  41.                         trigger: 'axis'
    42. 

  42.                     },
    43. 

  43.                     legend: {
    44. 

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

  45.                     },
    46. 

  46.                     toolbox: {
    47. 

  47.                         top: 25,
    48. 

  48.                         feature: {
    49. 

  49.                             magicType: {
    50. 

  50.                                 type: ['line', 'bar', 'stack', 'tiled']
    51. 

  51.                             },
    52. 

  52.                             dataView: {},
    53. 

  53.                             restore: {},
    54. 

  54.                             saveAsImage: {
    55. 

  55.                                 pixelRatio: 2
    56. 

  56.                             },
    57. 

  57.                             myTool1: {
    58. 

  58.                                 show: true,
    59. 

  59.                                 title: '自定义扩展方法：重新加载 option',
    60. 

  60.                                 icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
    61. 

  61.                                 onclick: function (){
    62. 

  62.                                     chart.setOption(option);
    63. 

  63.                                     alert('chart.setOption(option) DONE!')
    64. 

  64.                                 }
    65. 

  65.                             }
    66. 

  66.                         }
    67. 

  67.                     },
    68. 

  68.                     xAxis : [
    69. 

  69.                         {
    70. 

  70.                             type : 'category',
    71. 

  71.                             boundaryGap : false,
    72. 

  72.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    73. 

  73.                         }
    74. 

  74.                     ],
    75. 

  75.                     yAxis : [
    76. 

  76.                         {
    77. 

  77.                             type : 'value'
    78. 

  78.                         }
    79. 

  79.                     ],
    80. 

  80.                     series : [
    81. 

  81.                         {
    82. 

  82.                             name:'邮件营销',
    83. 

  83.                             type:'line',
    84. 

  84.                             stack: '总量',
    85. 

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

  86.                         },
    87. 

  87.                         {
    88. 

  88.                             name:'联盟广告',
    89. 

  89.                             type:'line',
    90. 

  90.                             stack: '总量',
    91. 

  91.                             symbol: 'diamond',
    92. 

  92.                             data:[220, 182, 191, 234, 290, 330, 310]
    93. 

  93.                         },
    94. 

  94.                         {
    95. 

  95.                             name:'视频广告',
    96. 

  96.                             type:'line',
    97. 

  97.                             stack: '总量',
    98. 

  98.                             symbol: 'square',
    99. 

  99.                             data:[150, 232, 201, 154, 190, 330, 410]
    100. 

  100.                         },
    101. 

  101.                         {
    102. 

  102.                             name:'直接访问',
    103. 

  103.                             type:'line',
    104. 

  104.                             stack: '总量',
    105. 

  105.                             symbol: 'triangle',
    106. 

  106.                             data:[320, 332, 301, 334, 390, 330, 320]
    107. 

  107.                         },
    108. 

  108.                         {
    109. 

  109.                             name:'搜索引擎',
    110. 

  110.                             type:'line',
    111. 

  111.                             stack: '总量',
    112. 

  112.                             symbol: 'triangle',
    113. 

  113.                             symbolRotate: 180,
    114. 

  114.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    115. 

  115.                         }
    116. 

  116.                     ]
    117. 

  117.                 }
    118. 

  118. 

  119.                 chart.setOption(option);
    120. 

  120.             }
    121. 

  121.             function makeBar () {
    122. 

  122.                 var chart = makeChart();
    123. 

  123.                 var xAxisData = [];
    124. 

  124.                 var data1 = [];
    125. 

  125. 

  126.                 for (var i = 0; i < 5; i++) {
    127. 

  127.                     xAxisData[i] = [];
    128. 

  128.                     data1[i] = [];
    129. 

  129.                     for (var j = 0; j < 10; j++) {
    130. 

  130.                         xAxisData[i].push('类目' + j);
    131. 

  131.                         data1[i].push((Math.random() * 5).toFixed(2));
    132. 

  132.                     }
    133. 

  133.                 }
    134. 

  134. 

  135.                 chart.setOption({
    136. 

  136.                     tooltip : {
    137. 

  137.                         trigger: 'axis'
    138. 

  138.                     },
    139. 

  139.                     legend: {
    140. 

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

  141.                     },
    142. 

  142.                     xAxis : [
    143. 

  143.                         {
    144. 

  144.                             type : 'category',
    145. 

  145.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    146. 

  146.                         }
    147. 

  147.                     ],
    148. 

  148.                     yAxis : [
    149. 

  149.                         {
    150. 

  150.                             type : 'value'
    151. 

  151.                         }
    152. 

  152.                     ],
    153. 

  153.                     series : [
    154. 

  154.                         {
    155. 

  155.                             name:'邮件营销',
    156. 

  156.                             type:'bar',
    157. 

  157.                             stack: '总量',
    158. 

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

  159.                         },
    160. 

  160.                         {
    161. 

  161.                             name:'联盟广告',
    162. 

  162.                             type:'bar',
    163. 

  163.                             stack: '总量',
    164. 

  164.                             data:[220, 182, 191, 234, 290, 330, 310]
    165. 

  165.                         },
    166. 

  166.                         {
    167. 

  167.                             name:'视频广告',
    168. 

  168.                             type:'bar',
    169. 

  169.                             stack: '总量',
    170. 

  170.                             data:[150, 232, 201, 154, 190, 330, 410]
    171. 

  171.                         },
    172. 

  172.                         {
    173. 

  173.                             name:'直接访问',
    174. 

  174.                             type:'bar',
    175. 

  175.                             stack: '总量',
    176. 

  176.                             data:[320, 332, 301, 334, 390, 330, 320]
    177. 

  177.                         },
    178. 

  178.                         {
    179. 

  179.                             name:'搜索引擎',
    180. 

  180.                             type:'bar',
    181. 

  181.                             stack: '总量',
    182. 

  182.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    183. 

  183.                         }
    184. 

  184.                     ]
    185. 

  185.                 });
    186. 

  186.             }
    187. 

  187. 

  188.             function makeScatter() {
    189. 

  189.                 var chart = makeChart();
    190. 

  190.                 var data1 = [];
    191. 

  191.                 for (var j = 0; j < 20; j++) {
    192. 

  192.                     data1.push([
    193. 

  193.                         (Math.random() * 5).toFixed(2),
    194. 

  194.                         (Math.random() * 5).toFixed(2),
    195. 

  195.                         (Math.random() * 5).toFixed(2)
    196. 

  196.                     ]);
    197. 

  197.                 }
    198. 

  198. 

  199.                 chart.setOption({
    200. 

  200.                     title : {
    201. 

  201.                         text: '男性女性身高体重分布',
    202. 

  202.                         subtext: '抽样调查来自: Heinz  2003'
    203. 

  203.                     },
    204. 

  204.                     tooltip : {
    205. 

  205.                         trigger: 'axis',
    206. 

  206.                         showDelay : 0,
    207. 

  207.                         formatter : function (params) {
    208. 

  208.                             if (params.value && params.value.length > 1) {
    209. 

  209.                                 return params.seriesName + ' :<br/>'
    210. 

  210.                                    + params.value[0] + 'cm '
    211. 

  211.                                    + params.value[1] + 'kg ';
    212. 

  212.                             }
    213. 

  213.                             else {
    214. 

  214.                                 return params.seriesName + ' :<br/>'
    215. 

  215.                                    + params.name + ' : '
    216. 

  216.                                    + params.value + 'kg ';
    217. 

  217.                             }
    218. 

  218.                         },
    219. 

  219.                         axisPointer:{
    220. 

  220.                             show: true,
    221. 

  221.                             type : 'cross',
    222. 

  222.                             lineStyle: {
    223. 

  223.                                 type : 'dashed',
    224. 

  224.                                 width : 1
    225. 

  225.                             }
    226. 

  226.                         }
    227. 

  227.                     },
    228. 

  228.                     legend: {
    229. 

  229.                         data:['女性','男性']
    230. 

  230.                     },
    231. 

  231.                     toolbox: {
    232. 

  232.                         show : true,
    233. 

  233.                         feature : {
    234. 

  234.                             mark : {show: true},
    235. 

  235.                             dataZoom : {show: true},
    236. 

  236.                             dataView : {show: true, readOnly: false},
    237. 

  237.                             restore : {show: true},
    238. 

  238.                             saveAsImage : {show: true}
    239. 

  239.                         }
    240. 

  240.                     },
    241. 

  241.                     xAxis : [
    242. 

  242.                         {
    243. 

  243.                             type : 'value',
    244. 

  244.                             scale:true,
    245. 

  245.                             axisLabel : {
    246. 

  246.                                 formatter: '{value} cm'
    247. 

  247.                             }
    248. 

  248.                         }
    249. 

  249.                     ],
    250. 

  250.                     yAxis : [
    251. 

  251.                         {
    252. 

  252.                             type : 'value',
    253. 

  253.                             scale:true,
    254. 

  254.                             axisLabel : {
    255. 

  255.                                 formatter: '{value} kg'
    256. 

  256.                             }
    257. 

  257.                         }
    258. 

  258.                     ],
    259. 

  259.                     series : [
    260. 

  260.                         {
    261. 

  261.                             name:'女性',
    262. 

  262.                             type:'scatter',
    263. 

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

  264.                                 [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
    265. 

  265.                                 [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
    266. 

  266.                                 [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
    267. 

  267.                                 [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
    268. 

  268.                                 [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
    269. 

  269.                                 [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
    270. 

  270.                                 [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
    271. 

  271.                                 [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
    272. 

  272.                                 [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
    273. 

  273.                                 [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
    274. 

  274.                                 [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
    275. 

  275.                                 [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
    276. 

  276.                                 [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
    277. 

  277.                                 [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
    278. 

  278.                                 [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
    279. 

  279.                                 [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
    280. 

  280.                                 [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
    281. 

  281.                                 [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
    282. 

  282.                                 [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
    283. 

  283.                                 [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
    284. 

  284.                                 [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
    285. 

  285.                                 [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
    286. 

  286.                                 [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
    287. 

  287.                                 [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
    288. 

  288.                                 [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
    289. 

  289.                                 [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
    290. 

  290.                                 [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
    291. 

  291.                                 [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
    292. 

  292.                                 [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
    293. 

  293.                                 [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
    294. 

  294.                                 [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
    295. 

  295.                                 [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
    296. 

  296.                                 [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
    297. 

  297.                                 [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
    298. 

  298.                                 [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
    299. 

  299.                                 [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
    300. 

  300.                                 [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
    301. 

  301.                                 [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
    302. 

  302.                                 [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
    303. 

  303.                                 [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
    304. 

  304.                                 [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
    305. 

  305.                                 [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
    306. 

  306.                                 [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
    307. 

  307.                                 [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
    308. 

  308.                                 [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
    309. 

  309.                                 [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
    310. 

  310.                                 [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
    311. 

  311.                                 [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
    312. 

  312.                                 [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
    313. 

  313.                                 [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
    314. 

  314.                                 [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
    315. 

  315.                             ],
    316. 

  316.                             markPoint : {
    317. 

  317.                                 data : [
    318. 

  318.                                     {type : 'max', name: '最大值'},
    319. 

  319.                                     {type : 'min', name: '最小值'}
    320. 

  320.                                 ]
    321. 

  321.                             },
    322. 

  322.                             makeLine : {
    323. 

  323.                                 data : [
    324. 

  324.                                     {type : 'average', name: '平均值'}
    325. 

  325.                                 ]
    326. 

  326.                             }
    327. 

  327.                         },
    328. 

  328.                         {
    329. 

  329.                             name:'男性',
    330. 

  330.                             type:'scatter',
    331. 

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

  332.                                 [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
    333. 

  333.                                 [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
    334. 

  334.                                 [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
    335. 

  335.                                 [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
    336. 

  336.                                 [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
    337. 

  337.                                 [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
    338. 

  338.                                 [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
    339. 

  339.                                 [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
    340. 

  340.                                 [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
    341. 

  341.                                 [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
    342. 

  342.                                 [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
    343. 

  343.                                 [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
    344. 

  344.                                 [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
    345. 

  345.                                 [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
    346. 

  346.                                 [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
    347. 

  347.                                 [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
    348. 

  348.                                 [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
    349. 

  349.                                 [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
    350. 

  350.                                 [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
    351. 

  351.                                 [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
    352. 

  352.                                 [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
    353. 

  353.                                 [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
    354. 

  354.                                 [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
    355. 

  355.                                 [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
    356. 

  356.                                 [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
    357. 

  357.                                 [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
    358. 

  358.                                 [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
    359. 

  359.                                 [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
    360. 

  360.                                 [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
    361. 

  361.                                 [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
    362. 

  362.                                 [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
    363. 

  363.                                 [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
    364. 

  364.                                 [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
    365. 

  365.                                 [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
    366. 

  366.                                 [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
    367. 

  367.                                 [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
    368. 

  368.                                 [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
    369. 

  369.                                 [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
    370. 

  370.                                 [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
    371. 

  371.                                 [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
    372. 

  372.                                 [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
    373. 

  373.                                 [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
    374. 

  374.                                 [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
    375. 

  375.                                 [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
    376. 

  376.                                 [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
    377. 

  377.                                 [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
    378. 

  378.                                 [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
    379. 

  379.                                 [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
    380. 

  380.                                 [180.3, 83.2], [180.3, 83.2]
    381. 

  381.                             ],
    382. 

  382.                             markPoint : {
    383. 

  383.                                 data : [
    384. 

  384.                                     {type : 'max', name: '最大值'},
    385. 

  385.                                     {type : 'min', name: '最小值'}
    386. 

  386.                                 ]
    387. 

  387.                             },
    388. 

  388.                             makeLine : {
    389. 

  389.                                 data : [
    390. 

  390.                                     {type : 'average', name: '平均值'}
    391. 

  391.                                 ]
    392. 

  392.                             }
    393. 

  393.                         }
    394. 

  394.                     ]
    395. 

  395.                 });
    396. 

  396.             }
    397. 

  397. 

  398.             function makeMap() {
    399. 

  399.                 var chart = makeChart();
    400. 

  400.                 chart.setOption({
    401. 

  401.                     tooltip: {},
    402. 

  402.                     legend: {
    403. 

  403.                         data: ['a', 'b']
    404. 

  404.                     },
    405. 

  405.                     series: [{
    406. 

  406.                         name: 'a',
    407. 

  407.                         type: 'map',
    408. 

  408.                         map: 'china',
    409. 

  409.                         label: {
    410. 

  410.                             normal: {
    411. 

  411.                                 show: true
    412. 

  412.                             }
    413. 

  413.                         },
    414. 

  414.                         data: [
    415. 

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

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

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

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

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

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

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

  422.                         ]
    423. 

  423.                     }, {
    424. 

  424.                         name: 'b',
    425. 

  425.                         type: 'map',
    426. 

  426.                         map: 'china',
    427. 

  427.                         data: [
    428. 

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

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

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

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

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

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

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

  435.                         ]
    436. 

  436.                     }]
    437. 

  437.                 });
    438. 

  438.             }
    439. 

  439. 

  440.             function makeFunnel() {
    441. 

  441.                 var chart = makeChart();
    442. 

  442.                 chart.setOption({
    443. 

  443.                     title : {
    444. 

  444.                         text: '漏斗图',
    445. 

  445.                         subtext: '纯属虚构'
    446. 

  446.                     },
    447. 

  447.                     tooltip : {
    448. 

  448.                         trigger: 'item',
    449. 

  449.                         formatter: '{a} <br/>{b} : {c}%'
    450. 

  450.                     },
    451. 

  451.                     legend: {
    452. 

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

  453.                     },
    454. 

  454.                     series: [
    455. 

  455.                         {
    456. 

  456.                             name:'漏斗图',
    457. 

  457.                             type:'funnel',
    458. 

  458.                             gap: 3,
    459. 

  459.                             sort: 'ascending',
    460. 

  460.                             label: {
    461. 

  461.                                 normal: {
    462. 

  462.                                     position: 'inside'
    463. 

  463.                                 }
    464. 

  464.                             },
    465. 

  465.                             data:[
    466. 

  466.                                 {value:60, name:'访问'},
    467. 

  467.                                 {value:40, name:'咨询'},
    468. 

  468.                                 {value:20, name:'订单'},
    469. 

  469.                                 {value:80, name:'点击'},
    470. 

  470.                                 {value:100, name:'展现'}
    471. 

  471.                             ]
    472. 

  472.                         }
    473. 

  473.                     ]
    474. 

  474.                 });
    475. 

  475.             }
    476. 

  476. 

  477. 

  478.             function makeBar () {
    479. 

  479.                 var chart = makeChart();
    480. 

  480.                 var xAxisData = [];
    481. 

  481.                 var data1 = [];
    482. 

  482. 

  483.                 for (var i = 0; i < 5; i++) {
    484. 

  484.                     xAxisData[i] = [];
    485. 

  485.                     data1[i] = [];
    486. 

  486.                     for (var j = 0; j < 10; j++) {
    487. 

  487.                         xAxisData[i].push('类目' + j);
    488. 

  488.                         data1[i].push((Math.random() * 5).toFixed(2));
    489. 

  489.                     }
    490. 

  490.                 }
    491. 

  491. 

  492.                 chart.setOption({
    493. 

  493.                     tooltip : {
    494. 

  494.                         trigger: 'axis'
    495. 

  495.                     },
    496. 

  496.                     legend: {
    497. 

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

  498.                     },
    499. 

  499.                     xAxis : [
    500. 

  500.                         {
    501. 

  501.                             type : 'category',
    502. 

  502.                             data : ['周一','周二','周三','周四','周五','周六','周日']
    503. 

  503.                         }
    504. 

  504.                     ],
    505. 

  505.                     yAxis : [
    506. 

  506.                         {
    507. 

  507.                             type : 'value'
    508. 

  508.                         }
    509. 

  509.                     ],
    510. 

  510.                     series : [
    511. 

  511.                         {
    512. 

  512.                             name:'邮件营销',
    513. 

  513.                             type:'bar',
    514. 

  514.                             stack: '总量',
    515. 

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

  516.                         },
    517. 

  517.                         {
    518. 

  518.                             name:'联盟广告',
    519. 

  519.                             type:'bar',
    520. 

  520.                             stack: '总量',
    521. 

  521.                             data:[220, 182, 191, 234, 290, 330, 310]
    522. 

  522.                         },
    523. 

  523.                         {
    524. 

  524.                             name:'视频广告',
    525. 

  525.                             type:'bar',
    526. 

  526.                             stack: '总量',
    527. 

  527.                             data:[150, 232, 201, 154, 190, 330, 410]
    528. 

  528.                         },
    529. 

  529.                         {
    530. 

  530.                             name:'直接访问',
    531. 

  531.                             type:'bar',
    532. 

  532.                             stack: '总量',
    533. 

  533.                             data:[320, 332, 301, 334, 390, 330, 320]
    534. 

  534.                         },
    535. 

  535.                         {
    536. 

  536.                             name:'搜索引擎',
    537. 

  537.                             type:'bar',
    538. 

  538.                             stack: '总量',
    539. 

  539.                             data:[820, 932, 901, 934, 1290, 1330, 1320]
    540. 

  540.                         }
    541. 

  541.                     ]
    542. 

  542.                 });
    543. 

  543.             }
    544. 

  544. 

  545.             function makePie() {
    546. 

  546.                 var chart = makeChart();
    547. 

  547.                 chart.setOption({
    548. 

  548.                     legend: {
    549. 

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

  550.                     },
    551. 

  551.                     tooltip: {
    552. 

  552. 

  553.                     },
    554. 

  554.                     series: [{
    555. 

  555.                         name: 'pie',
    556. 

  556.                         type: 'pie',
    557. 

  557.                         selectedMode: 'single',
    558. 

  558.                         hoverAnimation: false,
    559. 

  559.                         selectedOffset: 30,
    560. 

  560.                         clockwise: true,
    561. 

  561.                         radius: [50, 100],
    562. 

  562.                         animation: false,
    563. 

  563.                         data:[
    564. 

  564.                             {value:0, name:'直接访问'},
    565. 

  565.                             {value:310, name:'邮件营销'},
    566. 

  566.                             {value:234, name:'联盟广告'},
    567. 

  567.                             {value:135, name:'视频广告'},
    568. 

  568.                             {value:1548, name:'搜索引擎'}
    569. 

  569.                         ]
    570. 

  570.                     }]
    571. 

  571.                 });
    572. 

  572.             }
    573. 

  573. 

  574.             function makeExtremePie() {
    575. 

  575.                 var chart = makeChart();
    576. 

  576.                 chart.setOption({
    577. 

  577.                     "tooltip": {
    578. 

  578.                         "trigger": "item",
    579. 

  579.                         "formatter": "{b} : {c}吨 ({d}%)"
    580. 

  580.                     },
    581. 

  581.                     "series": [
    582. 

  582.                         {
    583. 

  583.                             "type": "pie",
    584. 

  584.                             "radius": "60%",
    585. 

  585.                             "center": ["50%", "50%" ],
    586. 

  586.                             "data": [
    587. 

  587.                                 {
    588. 

  588.                                     "value": "6000",
    589. 

  589.                                     "name": "aaa"
    590. 

  590.                                 },
    591. 

  591.                                 {
    592. 

  592.                                     "value": "123456790246912.12345",
    593. 

  593.                                     "name": "bbb"
    594. 

  594.                                 }
    595. 

  595.                             ],
    596. 

  596.                             "itemStyle": {
    597. 

  597.                                 "emphasis": {
    598. 

  598.                                     "shadowBlur": 10,
    599. 

  599.                                     "shadowOffsetX": 0,
    600. 

  600.                                     "shadowColor": "rgba(0, 0, 0, 0.5)"
    601. 

  601.                                 }
    602. 

  602.                             }
    603. 

  603.                         }
    604. 

  604.                     ]
    605. 

  605.                 });
    606. 

  606.             }
    607. 

  607. 

  608.             function makeSinglePie() {
    609. 

  609.                 var chart = makeChart();
    610. 

  610.                 chart.setOption({
    611. 

  611.                     legend: {
    612. 

  612.                         data:['直接访问']
    613. 

  613.                     },
    614. 

  614.                     tooltip: {
    615. 

  615. 

  616.                     },
    617. 

  617.                     series: [{
    618. 

  618.                         name: 'pie',
    619. 

  619.                         type: 'pie',
    620. 

  620.                         selectedMode: 'single',
    621. 

  621.                         hoverAnimation: false,
    622. 

  622.                         selectedOffset: 30,
    623. 

  623.                         clockwise: true,
    624. 

  624.                         data:[
    625. 

  625.                             {value:335, name:'直接访问'}
    626. 

  626.                         ]
    627. 

  627.                     }]
    628. 

  628.                 });
    629. 

  629.             }
    630. 

  630. 

  631.             function makeScatter() {
    632. 

  632.                 var chart = makeChart();
    633. 

  633.                 var data1 = [];
    634. 

  634.                 for (var j = 0; j < 20; j++) {
    635. 

  635.                     data1.push([
    636. 

  636.                         (Math.random() * 5).toFixed(2),
    637. 

  637.                         (Math.random() * 5).toFixed(2),
    638. 

  638.                         (Math.random() * 5).toFixed(2)
    639. 

  639.                     ]);
    640. 

  640.                 }
    641. 

  641. 

  642.                 chart.setOption({
    643. 

  643.                     title : {
    644. 

  644.                         text: '男性女性身高体重分布',
    645. 

  645.                         subtext: '抽样调查来自: Heinz  2003'
    646. 

  646.                     },
    647. 

  647.                     tooltip : {
    648. 

  648.                         // trigger: 'axis',
    649. 

  649.                         showDelay : 0,
    650. 

  650.                         formatter : function (params) {
    651. 

  651.                             if (params.value) {
    652. 

  652.                                 if (params.value.length > 1) {
    653. 

  653.                                     return params.seriesName + ' :<br/>'
    654. 

  654.                                     + params.value[0] + 'cm '
    655. 

  655.                                     + params.value[1] + 'kg ';
    656. 

  656.                                 }
    657. 

  657.                                 else {
    658. 

  658.                                     return params.seriesName + ' :<br/>'
    659. 

  659.                                     + params.name + ' : '
    660. 

  660.                                     + params.value + 'kg ';
    661. 

  661.                                 }
    662. 

  662.                             }
    663. 

  663.                         },
    664. 

  664.                         axisPointer:{
    665. 

  665.                             show: true,
    666. 

  666.                             type : 'cross',
    667. 

  667.                             lineStyle: {
    668. 

  668.                                 type : 'dashed',
    669. 

  669.                                 width : 1
    670. 

  670.                             }
    671. 

  671.                         }
    672. 

  672.                     },
    673. 

  673.                     legend: {
    674. 

  674.                         data:['女性','男性']
    675. 

  675.                     },
    676. 

  676.                     toolbox: {
    677. 

  677.                         show : true,
    678. 

  678.                         feature : {
    679. 

  679.                             mark : {show: true},
    680. 

  680.                             dataZoom : {show: true},
    681. 

  681.                             dataView : {show: true, readOnly: false},
    682. 

  682.                             restore : {show: true},
    683. 

  683.                             saveAsImage : {show: true}
    684. 

  684.                         }
    685. 

  685.                     },
    686. 

  686.                     xAxis : [
    687. 

  687.                         {
    688. 

  688.                             type : 'value',
    689. 

  689.                             scale:true,
    690. 

  690.                             axisLabel : {
    691. 

  691.                                 formatter: '{value} cm'
    692. 

  692.                             }
    693. 

  693.                         }
    694. 

  694.                     ],
    695. 

  695.                     yAxis : [
    696. 

  696.                         {
    697. 

  697.                             type : 'value',
    698. 

  698.                             scale:true,
    699. 

  699.                             axisLabel : {
    700. 

  700.                                 formatter: '{value} kg'
    701. 

  701.                             }
    702. 

  702.                         }
    703. 

  703.                     ],
    704. 

  704.                     series : [
    705. 

  705.                         {
    706. 

  706.                             name:'女性',
    707. 

  707.                             type:'scatter',
    708. 

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

  709.                                 [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
    710. 

  710.                                 [172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
    711. 

  711.                                 [147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
    712. 

  712.                                 [159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
    713. 

  713.                                 [174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
    714. 

  714.                                 [154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
    715. 

  715.                                 [162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
    716. 

  716.                                 [168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
    717. 

  717.                                 [167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
    718. 

  718.                                 [167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
    719. 

  719.                                 [168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
    720. 

  720.                                 [156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
    721. 

  721.                                 [162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
    722. 

  722.                                 [151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
    723. 

  723.                                 [164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
    724. 

  724.                                 [170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
    725. 

  725.                                 [163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
    726. 

  726.                                 [161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
    727. 

  727.                                 [159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
    728. 

  728.                                 [161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
    729. 

  729.                                 [171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
    730. 

  730.                                 [166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
    731. 

  731.                                 [159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
    732. 

  732.                                 [162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
    733. 

  733.                                 [172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
    734. 

  734.                                 [162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
    735. 

  735.                                 [158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
    736. 

  736.                                 [167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
    737. 

  737.                                 [170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
    738. 

  738.                                 [160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
    739. 

  739.                                 [166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
    740. 

  740.                                 [170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
    741. 

  741.                                 [167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
    742. 

  742.                                 [160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
    743. 

  743.                                 [177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
    744. 

  744.                                 [172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
    745. 

  745.                                 [175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
    746. 

  746.                                 [165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
    747. 

  747.                                 [168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
    748. 

  748.                                 [162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
    749. 

  749.                                 [157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
    750. 

  750.                                 [172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
    751. 

  751.                                 [161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
    752. 

  752.                                 [152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
    753. 

  753.                                 [160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
    754. 

  754.                                 [167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
    755. 

  755.                                 [175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
    756. 

  756.                                 [174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
    757. 

  757.                                 [156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
    758. 

  758.                                 [169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
    759. 

  759.                                 [176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
    760. 

  760.                             ],
    761. 

  761.                             markPoint : {
    762. 

  762.                                 data : [
    763. 

  763.                                     {type : 'max', name: '最大值'},
    764. 

  764.                                     {type : 'min', name: '最小值'}
    765. 

  765.                                 ]
    766. 

  766.                             },
    767. 

  767.                             makeLine : {
    768. 

  768.                                 data : [
    769. 

  769.                                     {type : 'average', name: '平均值'}
    770. 

  770.                                 ]
    771. 

  771.                             }
    772. 

  772.                         },
    773. 

  773.                         {
    774. 

  774.                             name:'男性',
    775. 

  775.                             type:'scatter',
    776. 

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

  777.                                 [181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
    778. 

  778.                                 [180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
    779. 

  779.                                 [184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
    780. 

  780.                                 [176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
    781. 

  781.                                 [178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
    782. 

  782.                                 [183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
    783. 

  783.                                 [170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
    784. 

  784.                                 [186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
    785. 

  785.                                 [182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
    786. 

  786.                                 [169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
    787. 

  787.                                 [163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
    788. 

  788.                                 [177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
    789. 

  789.                                 [167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
    790. 

  790.                                 [171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
    791. 

  791.                                 [174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
    792. 

  792.                                 [180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
    793. 

  793.                                 [180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
    794. 

  794.                                 [175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
    795. 

  795.                                 [176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
    796. 

  796.                                 [184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
    797. 

  797.                                 [157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
    798. 

  798.                                 [165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
    799. 

  799.                                 [185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
    800. 

  800.                                 [177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
    801. 

  801.                                 [188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
    802. 

  802.                                 [166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
    803. 

  803.                                 [185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
    804. 

  804.                                 [190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
    805. 

  805.                                 [176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
    806. 

  806.                                 [172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
    807. 

  807.                                 [167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
    808. 

  808.                                 [172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
    809. 

  809.                                 [193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
    810. 

  810.                                 [167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
    811. 

  811.                                 [188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
    812. 

  812.                                 [171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
    813. 

  813.                                 [182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
    814. 

  814.                                 [188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
    815. 

  815.                                 [175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
    816. 

  816.                                 [177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
    817. 

  817.                                 [174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
    818. 

  818.                                 [167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
    819. 

  819.                                 [175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
    820. 

  820.                                 [177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
    821. 

  821.                                 [174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
    822. 

  822.                                 [174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
    823. 

  823.                                 [180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
    824. 

  824.                                 [170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
    825. 

  825.                                 [180.3, 83.2], [180.3, 83.2]
    826. 

  826.                             ],
    827. 

  827.                             markPoint : {
    828. 

  828.                                 data : [
    829. 

  829.                                     {type : 'max', name: '最大值'},
    830. 

  830.                                     {type : 'min', name: '最小值'}
    831. 

  831.                                 ]
    832. 

  832.                             },
    833. 

  833.                             makeLine : {
    834. 

  834.                                 data : [
    835. 

  835.                                     {type : 'average', name: '平均值'}
    836. 

  836.                                 ]
    837. 

  837.                             }
    838. 

  838.                         }
    839. 

  839.                     ]
    840. 

  840.                 });
    841. 

  841.             }
    842. 

  842. 

  843.             function makeFunnel() {
    844. 

  844.                 var chart = makeChart();
    845. 

  845.                 chart.setOption({
    846. 

  846.                     title : {
    847. 

  847.                         text: '漏斗图',
    848. 

  848.                         subtext: '纯属虚构'
    849. 

  849.                     },
    850. 

  850.                     tooltip : {
    851. 

  851.                         trigger: 'item',
    852. 

  852.                         formatter: '{a} <br/>{b} : {c}%'
    853. 

  853.                     },
    854. 

  854.                     legend: {
    855. 

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

  856.                     },
    857. 

  857.                     series: [
    858. 

  858.                         {
    859. 

  859.                             name:'漏斗图',
    860. 

  860.                             type:'funnel',
    861. 

  861.                             gap: 3,
    862. 

  862.                             sort: 'ascending',
    863. 

  863.                             label: {
    864. 

  864.                                 normal: {
    865. 

  865.                                     position: 'inside'
    866. 

  866.                                 }
    867. 

  867.                             },
    868. 

  868.                             data:[
    869. 

  869.                                 {value:60, name:'访问'},
    870. 

  870.                                 {value:40, name:'咨询'},
    871. 

  871.                                 {value:20, name:'订单'},
    872. 

  872.                                 {value:80, name:'点击'},
    873. 

  873.                                 {value:100, name:'展现'}
    874. 

  874.                             ]
    875. 

  875.                         }
    876. 

  876.                     ]
    877. 

  877.                 });
    878. 

  878.             }
    879. 

  879. 

  880.             function makeDataZoom() {
    881. 

  881.                 var chart = makeChart();
    882. 

  882.                 var data = [];
    883. 

  883.                 var categoryData = [];
    884. 

  884.                 var y = Math.random() * 1000;
    885. 

  885.                 for (var i = 0; i < 50; i++) {
    886. 

  886.                     categoryData.push('C' + i);
    887. 

  887.                     data.push(y);
    888. 

  888.                     y += 100 * Math.random() - 50;
    889. 

  889.                 }
    890. 

  890.                 chart.setOption({
    891. 

  891.                     xAxis: {
    892. 

  892.                         data: categoryData
    893. 

  893.                     },
    894. 

  894.                     yAxis: {},
    895. 

  895.                     dataZoom: [{
    896. 

  896.                         start: 0,
    897. 

  897.                         end: 30
    898. 

  898.                     }],
    899. 

  899.                     series: [
    900. 

  900.                         {
    901. 

  901.                             type: 'line',
    902. 

  902.                             animation: false,
    903. 

  903.                             data: data
    904. 

  904.                             // smooth: true
    905. 

  905.                         }
    906. 

  906.                     ]
    907. 

  907.                 });
    908. 

  908.             }
    909. 

  909. 

  910.             function makeGraph() {
    911. 

  911.                 var chart = makeChart();
    912. 

  912.                 chart.setOption({
    913. 

  913.                     tooltip: {},
    914. 

  914.                     animationDurationUpdate: 1500,
    915. 

  915.                     animationEasingUpdate: 'quinticInOut',
    916. 

  916.                     series : [
    917. 

  917.                         {
    918. 

  918.                             type: 'graph',
    919. 

  919.                             layout: 'none',
    920. 

  920.                             symbolSize: 50,
    921. 

  921.                             roam: true,
    922. 

  922.                             label: {
    923. 

  923.                                 normal: {
    924. 

  924.                                     show: true
    925. 

  925.                                 }
    926. 

  926.                             },
    927. 

  927.                             edgeSymbol: ['circle', 'arrow'],
    928. 

  928.                             edgeSymbolSize: [4, 10],
    929. 

  929.                             edgeLabel: {
    930. 

  930.                                 normal: {
    931. 

  931.                                     textStyle: {
    932. 

  932.                                         fontSize: 20
    933. 

  933.                                     }
    934. 

  934.                                 }
    935. 

  935.                             },
    936. 

  936.                             data: [{
    937. 

  937.                                 name: '节点1',
    938. 

  938.                                 x: 300,
    939. 

  939.                                 y: 300
    940. 

  940.                             }, {
    941. 

  941.                                 name: '节点2',
    942. 

  942.                                 x: 800,
    943. 

  943.                                 y: 300
    944. 

  944.                             }, {
    945. 

  945.                                 name: '节点3',
    946. 

  946.                                 x: 550,
    947. 

  947.                                 y: 100
    948. 

  948.                             }, {
    949. 

  949.                                 name: '节点4',
    950. 

  950.                                 x: 550,
    951. 

  951.                                 y: 500
    952. 

  952.                             }],
    953. 

  953.                             // links: [],
    954. 

  954.                             links: [{
    955. 

  955.                                 source: '节点1',
    956. 

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

  957.                                 symbolSize: [5, 20],
    958. 

  958.                                 label: {
    959. 

  959.                                     normal: {
    960. 

  960.                                         show: true
    961. 

  961.                                     }
    962. 

  962.                                 },
    963. 

  963.                                 lineStyle: {
    964. 

  964.                                     normal: {
    965. 

  965.                                         width: 5,
    966. 

  966.                                         curveness: 0.2
    967. 

  967.                                     }
    968. 

  968.                                 }
    969. 

  969.                             }, {
    970. 

  970.                                 source: '节点2',
    971. 

  971.                                 target: '节点1',
    972. 

  972.                                 label: {
    973. 

  973.                                     normal: {
    974. 

  974.                                         show: true
    975. 

  975.                                     }
    976. 

  976.                                 },
    977. 

  977.                                 lineStyle: {
    978. 

  978.                                     normal: { curveness: 0.2 }
    979. 

  979.                                 }
    980. 

  980.                             }, {
    981. 

  981.                                 source: '节点1',
    982. 

  982.                                 target: '节点3'
    983. 

  983.                             }, {
    984. 

  984.                                 source: '节点2',
    985. 

  985.                                 target: '节点3'
    986. 

  986.                             }, {
    987. 

  987.                                 source: '节点2',
    988. 

  988.                                 target: '节点4'
    989. 

  989.                             }, {
    990. 

  990.                                 source: '节点1',
    991. 

  991.                                 target: '节点4'
    992. 

  992.                             }],
    993. 

  993.                             lineStyle: {
    994. 

  994.                                 normal: {
    995. 

  995.                                     curveness: 0
    996. 

  996.                                 }
    997. 

  997.                             }
    998. 

  998.                         }
    999. 

  999.                     ]
    1000. 

  1000.                 });
    1001. 

  1001.             }
    1002. 

  1002. 

  1003.             setTimeout(function () {
    1004. 

  1004.                 makeLine();
    1005. 

  1005.             }, 500);
    1006. 

  1006.             setTimeout(function () {
    1007. 

  1007.                 makeBar();
    1008. 

  1008.             }, 1000);
    1009. 

  1009.             setTimeout(function () {
    1010. 

  1010.                 makePie();
    1011. 

  1011.             }, 1500);
    1012. 

  1012.             setTimeout(function () {
    1013. 

  1013.                 makeExtremePie();
    1014. 

  1014.             }, 1600);
    1015. 

  1015.             setTimeout(function () {
    1016. 

  1016.                 makeSinglePie();
    1017. 

  1017.             }, 1800);
    1018. 

  1018.             setTimeout(function () {
    1019. 

  1019.                 makeScatter();
    1020. 

  1020.             }, 2000);
    1021. 

  1021.             setTimeout(function () {
    1022. 

  1022.                 makeMap();
    1023. 

  1023.             }, 2500);
    1024. 

  1024.             setTimeout(function () {
    1025. 

  1025.                 makeFunnel();
    1026. 

  1026.             }, 3000);
    1027. 

  1027.             setTimeout(function () {
    1028. 

  1028.                 makeDataZoom();
    1029. 

  1029.             }, 3500);
    1030. 

  1030.             setTimeout(function () {
    1031. 

  1031.                 makeGraph();
    1032. 

  1032.             }, 3500);
    1033. 

  1033.         </script>
    1034. 

  1034.     </body>
    1035. 

  1035. </html>
    1036.