Начало Каталог Помощ
Регистрация Вход
seimin
/
itsm-pc-handle
Наблюдаван 1
Харесван 0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: 6ef7e27d30
Клонове Маркери
itsm-pc-handle
/
bower_components
/
echarts
/
test
/
graphicOption.html

graphicOption.html 44 KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876 
  1. <!DOCTYPE>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

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

  5.         <script src="esl.js"></script>
    6. 

  6.         <script src="config.js"></script>
    7. 

  7.         <script src="lib/jquery.min.js"></script>
    8. 

  8.         <script src="lib/facePrint.js"></script>
    9. 

  9.         <script src="lib/draggable.js"></script>
    10. 

  10.         <meta name="viewport" content="width=device-width, initial-scale=1" />
    11. 

  11.         <link rel="stylesheet" href="reset.css">
    12. 

  12.     </head>
    13. 

  13.     <body>
    14. 

  14.         <style>
    15. 

  15.             body {
    16. 

  16.             }
    17. 

  17.             .block {
    18. 

  18.                 overflow: hidden;
    19. 

  19.                 height: 200px;
    20. 

  20.                 margin-bottom: 20px;
    21. 

  21.                 background: #eee;
    22. 

  22.             }
    23. 

  23.             .chart {
    24. 

  24.                 height: 100%;
    25. 

  25.                 width: 400px;
    26. 

  26.                 float: left;
    27. 

  27.                 margin-left: 20px;
    28. 

  28.             }
    29. 

  29.             textarea {
    30. 

  30.                 margin: 0;
    31. 

  31.                 padding: 0;
    32. 

  32.                 float: right;
    33. 

  33.                 width: 140px;
    34. 

  34.                 height: 100%;
    35. 

  35.             }
    36. 

  36.             h3 {
    37. 

  37.                 font-size: 16px;
    38. 

  38.                 text-align: center;
    39. 

  39.             }
    40. 

  40.         </style>
    41. 

  41. 

  42.         <script>
    43. 

  43.             function getMain(id) {
    44. 

  44.                 var options = [];
    45. 

  45.                 $('#' + id + ' textarea').each(function (idx, textarea) {
    46. 

  46.                     options.push((new Function('return (' + $(textarea).val() + ')'))());
    47. 

  47.                 });
    48. 

  48. 

  49.                 return {
    50. 

  50.                     dom: $('#' + id + ' .chart')[0],
    51. 

  51.                     option: options[0],
    52. 

  52.                     options: options,
    53. 

  53.                     buttons: $('#' + id + ' button')
    54. 

  54.                 };
    55. 

  55.             }
    56. 

  56. 

  57.             var imageURI = 'data:image/jpeg;base64,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';
    58. 

  58.         </script>
    59. 

  59. 

  60. 

  61. 

  62. 

  63. 

  64. 

  65. 

  66. 

  67.         <h3>Test group setOption(getOption) mapping.</h3>
    68. 

  68.         <h3>Test left/right/top/bottom in group.</h3>
    69. 

  69.         <h3>Test resize.</h3>
    70. 

  70.         <div class="block" id="main4" style="height: 300px">
    71. 

  71.             <div class="chart"></div>
    72. 

  72.             <textarea>
    73. 

  73. {
    74. 

  74.     backgroundColor: '#bba',
    75. 

  75.     graphic: [{
    76. 

  76.         id: 'img',
    77. 

  77.         type: 'image',
    78. 

  78.         right: 20,
    79. 

  79.         top: 'center',
    80. 

  80.         style: {
    81. 

  81.             image: 'http://echarts.baidu.com/images/favicon.png',
    82. 

  82.             width: 50,
    83. 

  83.             height: 50,
    84. 

  84.             opacity: 0.5
    85. 

  85.         }
    86. 

  86.     }, {
    87. 

  87.         id: 'uriimg',
    88. 

  88.         type: 'image',
    89. 

  89.         origin: [20, 20],
    90. 

  90.         left: 10,
    91. 

  91.         top: 10,
    92. 

  92.         style: {
    93. 

  93.             image: imageURI,
    94. 

  94.             width: 80,
    95. 

  95.             height: 80,
    96. 

  96.             opacity: 0.5
    97. 

  97.         }
    98. 

  98.     }, {
    99. 

  99.         type: 'text',
    100. 

  100.         bottom: 0,
    101. 

  101.         right: 0,
    102. 

  102.         rotation: Math.PI / 4,
    103. 

  103.         style: {
    104. 

  104.             font: '24px Microsoft YaHei',
    105. 

  105.             text: '全屏右下角'
    106. 

  106.         },
    107. 

  107.         z: 100
    108. 

  108.     }, {
    109. 

  109.         type: 'text',
    110. 

  110.         bottom: 0,
    111. 

  111.         left: 'center',
    112. 

  112.         style: {
    113. 

  113.             font: '18px sans-serif',
    114. 

  114.             text: '全屏最下中间\n这是多行文字\n这是第三行'
    115. 

  115.         },
    116. 

  116.         z: 100
    117. 

  117.     }, {
    118. 

  118.         type: 'group',
    119. 

  119.         id: 'ggggg',
    120. 

  120.         right: 0,
    121. 

  121.         top: 0,
    122. 

  122.         bounding: 'raw',
    123. 

  123.         children: [{
    124. 

  124.             type: 'rect',
    125. 

  125.             left: 'center',
    126. 

  126.             top: 'middle',
    127. 

  127.             shape: {
    128. 

  128.                 width: 80,
    129. 

  129.                 height: 60
    130. 

  130.             },
    131. 

  131.             style: {
    132. 

  132.                 fill: 'green'
    133. 

  133.             },
    134. 

  134.             z: 99
    135. 

  135.         }, {
    136. 

  136.             type: 'text',
    137. 

  137.             left: 'center',
    138. 

  138.             top: 'middle',
    139. 

  139.             style: {
    140. 

  140.                 font: '14px Microsoft YaHei',
    141. 

  141.                 text: '居中定位\n文字居中\n应超出屏幕'
    142. 

  142.             },
    143. 

  143.             z: 100
    144. 

  144.         }]
    145. 

  145.     }, {
    146. 

  146.         type: 'group',
    147. 

  147.         id: 'gr',
    148. 

  148.         width: 230,
    149. 

  149.         height: 110,
    150. 

  150.         position: [70, 90],
    151. 

  151.         children: [{
    152. 

  152.             type: 'rect',
    153. 

  153.             shape: {
    154. 

  154.                 width: 230,
    155. 

  155.                 height: 80
    156. 

  156.             },
    157. 

  157.             style: {
    158. 

  158.                 stroke: 'red',
    159. 

  159.                 fill: 'transparent',
    160. 

  160.                 lineWidth: 2
    161. 

  161.             },
    162. 

  162.             z: 100
    163. 

  163.         }, {
    164. 

  164.             type: 'rect',
    165. 

  165.             shape: {
    166. 

  166.                 width: 60,
    167. 

  167.                 height: 110
    168. 

  168.             },
    169. 

  169.             style: {
    170. 

  170.                 stroke: 'red',
    171. 

  171.                 fill: 'transparent',
    172. 

  172.                 lineWidth: 2
    173. 

  173.             },
    174. 

  174.             z: 100
    175. 

  175.         }, {
    176. 

  176.             id: 'grouptext',
    177. 

  177.             type: 'text',
    178. 

  178.             bottom: 0,
    179. 

  179.             right: 0,
    180. 

  180.             rotation: 0.5,
    181. 

  181.             style: {
    182. 

  182.                 font: '14px Microsoft YaHei',
    183. 

  183.                 text: 'group最右下角'
    184. 

  184.             },
    185. 

  185.             z: 100
    186. 

  186.         }]
    187. 

  187.     }]
    188. 

  188. }
    189. 

  189.             </textarea>
    190. 

  190.             <textarea>
    191. 

  191. {
    192. 

  192.     graphic: [{
    193. 

  193.         id: 'img',
    194. 

  194.         left: 'center',
    195. 

  195.         top: 'middle'
    196. 

  196.     }]
    197. 

  197. }
    198. 

  198.             </textarea>
    199. 

  199.             <script>
    200. 

  200.                 require([
    201. 

  201.                     'echarts',
    202. 

  202.                     'echarts/chart/line',
    203. 

  203.                     'echarts/component/graphic',
    204. 

  204.                     'echarts/component/grid',
    205. 

  205.                     'echarts/component/legend',
    206. 

  206.                     'echarts/component/tooltip'
    207. 

  207.                 ], function (echarts) {
    208. 

  208.                     var main = getMain('main4');
    209. 

  209.                     if (!main.dom) {
    210. 

  210.                         return;
    211. 

  211.                     }
    212. 

  212.                     var chart = echarts.init(main.dom);
    213. 

  213.                     draggable.init(main.dom, chart, {throttle: 70});
    214. 

  214. 

  215.                     chart.setOption(main.option);
    216. 

  216. 

  217.                     setTimeout(function () {
    218. 

  218.                         chart.setOption(chart.getOption());
    219. 

  219. 

  220.                         setTimeout(function () {
    221. 

  221.                             chart.setOption(main.options[1]);
    222. 

  222.                         }, 1200);
    223. 

  223. 

  224.                     }, 1200);
    225. 

  225. 

  226.                     var rotation = 0;
    227. 

  227.                     setInterval(function () {
    228. 

  228.                         rotation += Math.PI / 360;
    229. 

  229.                         chart.setOption({
    230. 

  230.                             graphic: [{
    231. 

  231.                                 id: 'img',
    232. 

  232.                                 rotation: rotation
    233. 

  233.                             }, {
    234. 

  234.                                 id: 'uriimg',
    235. 

  235.                                 rotation: rotation
    236. 

  236.                             }]
    237. 

  237.                         });
    238. 

  238.                     }, 17);
    239. 

  239.                 });
    240. 

  240.             </script>
    241. 

  241.         </div>
    242. 

  242. 

  243. 

  244. 

  245. 

  246. 

  247. 

  248. 

  249. 

  250. 

  251. 

  252. 

  253.         <h3>bounding</h3>
    254. 

  254.         <div class="block" id="main5" style="height: 400px">
    255. 

  255.             <div class="chart"></div>
    256. 

  256.             <textarea>
    257. 

  257. {
    258. 

  258.     backgroundColor: 'rgba(0,0,255,0.08)',
    259. 

  259.     legend: {
    260. 

  260.         data:['高度(km)与气温(°C)变化关系']
    261. 

  261.     },
    262. 

  262.     tooltip: {
    263. 

  263.         trigger: 'axis'
    264. 

  264.     },
    265. 

  265.     xAxis: {
    266. 

  266.     },
    267. 

  267.     yAxis: {
    268. 

  268.         type: 'category',
    269. 

  269.         data: ['0', '10', '20', '30', '40', '50', '60', '70', '80']
    270. 

  270.     },
    271. 

  271.     graphic: [{
    272. 

  272.         type: 'image',
    273. 

  273.         id: 'img',
    274. 

  274.         z: -10,
    275. 

  275.         right: 0,
    276. 

  276.         top: 0,
    277. 

  277.         bounding: 'raw',
    278. 

  278.         origin: [75, 75],
    279. 

  279.         style: {
    280. 

  280.             fill: '#000',
    281. 

  281.             image: 'http://echarts.baidu.com/images/favicon.png',
    282. 

  282.             width: 150,
    283. 

  283.             height: 150,
    284. 

  284.             opacity: 0.4
    285. 

  285.         }
    286. 

  286.     }, {
    287. 

  287.         type: 'group',
    288. 

  288.         id: 'rectgroup1',
    289. 

  289.         bottom: 0,
    290. 

  290.         right: 0,
    291. 

  291.         bounding: 'raw',
    292. 

  292.         children: [{
    293. 

  293.             type: 'rect',
    294. 

  294.             left: 'center',
    295. 

  295.             top: 'center',
    296. 

  296.             shape: {
    297. 

  297.                 width: 20,
    298. 

  298.                 height: 80
    299. 

  299.             },
    300. 

  300.             style: {
    301. 

  301.                 stroke: 'green',
    302. 

  302.                 fill: 'transparent'
    303. 

  303.             }
    304. 

  304.         }, {
    305. 

  305.             type: 'rect',
    306. 

  306.             left: 'center',
    307. 

  307.             top: 'center',
    308. 

  308.             shape: {
    309. 

  309.                 width: 80,
    310. 

  310.                 height: 20
    311. 

  311.             },
    312. 

  312.             style: {
    313. 

  313.                 stroke: 'green',
    314. 

  314.                 fill: 'transparent'
    315. 

  315.             }
    316. 

  316.         }]
    317. 

  317.     }, {
    318. 

  318.         type: 'rect',
    319. 

  319.         id: 'rect2',
    320. 

  320.         bottom: 0,
    321. 

  321.         right: 'center',
    322. 

  322.         shape: {
    323. 

  323.             width: 50,
    324. 

  324.             height: 80
    325. 

  325.         },
    326. 

  326.         style: {
    327. 

  327.             stroke: 'green',
    328. 

  328.             fill: 'transparent'
    329. 

  329.         }
    330. 

  330.     }, {
    331. 

  331.         type: 'group',
    332. 

  332.         id: 'textGroup1',
    333. 

  333.         left: '10%',
    334. 

  334.         top: 'center',
    335. 

  335.         scale: [1, .5],
    336. 

  336.         children: [
    337. 

  337.             {
    338. 

  338.                 type: 'rect',
    339. 

  339.                 z: 100,
    340. 

  340.                 left: 'center',
    341. 

  341.                 top: 'center',
    342. 

  342.                 shape: {
    343. 

  343.                     width: 170,
    344. 

  344.                     height: 70
    345. 

  345.                 },
    346. 

  346.                 style: {
    347. 

  347.                     fill: '#fff',
    348. 

  348.                     stroke: '#999',
    349. 

  349.                     lineWidth: 2,
    350. 

  350.                     shadowBlur: 8,
    351. 

  351.                     shadowOffsetX: 3,
    352. 

  352.                     shadowOffsetY: 3,
    353. 

  353.                     shadowColor: 'rgba(0,0,0,0.3)'
    354. 

  354.                 }
    355. 

  355.             },
    356. 

  356.             {
    357. 

  357.                 type: 'text',
    358. 

  358.                 z: 100,
    359. 

  359.                 top: 'middle',
    360. 

  360.                 left: 'center',
    361. 

  361.                 style: {
    362. 

  362.                     text: [
    363. 

  363.                         '横轴表示温度，单位是°C',
    364. 

  364.                         '纵轴表示高度，单位是km',
    365. 

  365.                         '右上角有一个图片做的水印'
    366. 

  366.                     ].join('\n'),
    367. 

  367.                     font: '12px Microsoft YaHei'
    368. 

  368.                 }
    369. 

  369.             }
    370. 

  370.         ]
    371. 

  371.     }],
    372. 

  372.     series: [
    373. 

  373.         {
    374. 

  374.             name: '高度(km)与气温(°C)变化关系',
    375. 

  375.             type: 'line',
    376. 

  376.             data:[15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
    377. 

  377.         }
    378. 

  378.     ]
    379. 

  379. }
    380. 

  380.         </textarea>
    381. 

  381.             <script>
    382. 

  382.                 require([
    383. 

  383.                     'echarts',
    384. 

  384.                     'echarts/chart/line',
    385. 

  385.                     'echarts/component/graphic',
    386. 

  386.                     'echarts/component/grid',
    387. 

  387.                     'echarts/component/legend',
    388. 

  388.                     'echarts/component/tooltip'
    389. 

  389.                 ], function (echarts) {
    390. 

  390.                     var main = getMain('main5');
    391. 

  391.                     if (!main.dom) {
    392. 

  392.                         return;
    393. 

  393.                     }
    394. 

  394.                     var chart = echarts.init(main.dom);
    395. 

  395.                     draggable.init(main.dom, chart, {throttle: 70});
    396. 

  396.                     chart.setOption(main.option);
    397. 

  397. 

  398.                     var rotation = 0;
    399. 

  399.                     setInterval(function () {
    400. 

  400.                         rotation += Math.PI / 60;
    401. 

  401.                         chart.setOption({
    402. 

  402.                             graphic: [{
    403. 

  403.                                 id: 'img',
    404. 

  404.                                 bounding: 'raw',
    405. 

  405.                                 origin: [75, 75],
    406. 

  406.                                 rotation: rotation
    407. 

  407.                             }, {
    408. 

  408.                                 id: 'rectgroup1',
    409. 

  409.                                 rotation: rotation
    410. 

  410.                             }, {
    411. 

  411.                                 id: 'rect2',
    412. 

  412.                                 rotation: rotation
    413. 

  413.                             }, {
    414. 

  414.                                 id: 'textGroup1',
    415. 

  415.                                 rotation: rotation
    416. 

  416.                             }]
    417. 

  417.                         });
    418. 

  418.                     }, 17);
    419. 

  419.                 });
    420. 

  420.             </script>
    421. 

  421.         </div>
    422. 

  422. 

  423. 

  424. 

  425. 

  426. 

  427. 

  428. 

  429. 

  430. 

  431. 

  432. 

  433. 

  434. 

  435. 

  436.         <h3>replace</h3>
    437. 

  437.         <div class="block" id="main0">
    438. 

  438.             <div class="chart"></div>
    439. 

  439.             <textarea>
    440. 

  440. {
    441. 

  441.     graphic: {
    442. 

  442.         type: 'circle',
    443. 

  443.         shape: {
    444. 

  444.             cx: 50,
    445. 

  445.             cy: 50,
    446. 

  446.             r: 20,
    447. 

  447.         },
    448. 

  448.         style: {
    449. 

  449.             fill: 'green',
    450. 

  450.             stroke: 'pink',
    451. 

  451.             lineWidth: 3
    452. 

  452.         }
    453. 

  453.     }
    454. 

  454. }
    455. 

  455.             </textarea>
    456. 

  456.             <textarea>
    457. 

  457. {
    458. 

  458.     graphic: {
    459. 

  459.         type: 'rect',
    460. 

  460.         $action: 'replace',
    461. 

  461.         shape: {
    462. 

  462.             x: 50,
    463. 

  463.             y: 50,
    464. 

  464.             width: 20,
    465. 

  465.             height: 60
    466. 

  466.         },
    467. 

  467.         style: {
    468. 

  468.             fill: 'green',
    469. 

  469.             stroke: 'pink',
    470. 

  470.             lineWidth: 3
    471. 

  471.         }
    472. 

  472.     }
    473. 

  473. }
    474. 

  474.             </textarea>
    475. 

  475.             <script>
    476. 

  476.                 require([
    477. 

  477.                     'echarts',
    478. 

  478.                     'echarts/chart/line',
    479. 

  479.                     'echarts/component/graphic',
    480. 

  480.                     'echarts/component/grid',
    481. 

  481.                     'echarts/component/legend',
    482. 

  482.                     'echarts/component/tooltip'
    483. 

  483.                 ], function (echarts) {
    484. 

  484.                     var main = getMain('main0');
    485. 

  485.                     if (!main.dom) {
    486. 

  486.                         return;
    487. 

  487.                     }
    488. 

  488.                     var chart = echarts.init(main.dom);
    489. 

  489.                     chart.setOption(main.option);
    490. 

  490.                     setTimeout(function () {
    491. 

  491.                         chart.setOption(chart.getOption());
    492. 

  492. 

  493.                         setTimeout(function () {
    494. 

  494.                             chart.setOption(main.options[1]);
    495. 

  495.                         }, 1200);
    496. 

  496. 

  497.                     }, 800);
    498. 

  498.                 });
    499. 

  499.             </script>
    500. 

  500.         </div>
    501. 

  501. 

  502. 

  503. 

  504. 

  505. 

  506. 

  507. 

  508. 

  509. 

  510. 

  511. 

  512. 

  513. 

  514.         <div class="block" id="mainz">
    515. 

  515.             <div class="chart"></div>
    516. 

  516.             只有第一个 graphic 会生效。
    517. 

  517.             <textarea>
    518. 

  518. {
    519. 

  519.     graphic: [{
    520. 

  520.         elements: [{
    521. 

  521.             type: 'circle',
    522. 

  522.             shape: {
    523. 

  523.                 cx: 50,
    524. 

  524.                 cy: 50,
    525. 

  525.                 r: 20,
    526. 

  526.             }
    527. 

  527.         }, {
    528. 

  528.             type: 'circle',
    529. 

  529.             shape: {
    530. 

  530.                 cx: 150,
    531. 

  531.                 cy: 150,
    532. 

  532.                 r: 20,
    533. 

  533.             }
    534. 

  534.         }]
    535. 

  535.     }, {
    536. 

  536.         elements: [{
    537. 

  537.             type: 'circle',
    538. 

  538.             shape: {
    539. 

  539.                 cx: 100,
    540. 

  540.                 cy: 100,
    541. 

  541.                 r: 20,
    542. 

  542.             }
    543. 

  543.         }]
    544. 

  544.     }]
    545. 

  545. }
    546. 

  546.             </textarea>
    547. 

  547.             <script>
    548. 

  548.                 require([
    549. 

  549.                     'echarts',
    550. 

  550.                     'echarts/chart/line',
    551. 

  551.                     'echarts/component/graphic',
    552. 

  552.                     'echarts/component/grid',
    553. 

  553.                     'echarts/component/legend',
    554. 

  554.                     'echarts/component/tooltip'
    555. 

  555.                 ], function (echarts) {
    556. 

  556.                     var main = getMain('mainz');
    557. 

  557.                     if (!main.dom) {
    558. 

  558.                         return;
    559. 

  559.                     }
    560. 

  560.                     var chart = echarts.init(main.dom);
    561. 

  561.                     chart.setOption(main.option);
    562. 

  562.                 });
    563. 

  563.             </script>
    564. 

  564.         </div>
    565. 

  565. 

  566. 

  567. 

  568. 

  569. 

  570. 

  571. 

  572. 

  573. 

  574. 

  575. 

  576. 

  577. 

  578. 

  579.         <div class="block" id="main1">
    580. 

  580.             <div class="chart"></div>
    581. 

  581.             <textarea>
    582. 

  582. {
    583. 

  583.     graphic: [{
    584. 

  584.         type: 'rect',
    585. 

  585.         shape: {
    586. 

  586.             x: 50,
    587. 

  587.             y: 50,
    588. 

  588.             width: 20,
    589. 

  589.             height: 80
    590. 

  590.         },
    591. 

  591.         style: {
    592. 

  592.             fill: 'green',
    593. 

  593.             stroke: 'pink',
    594. 

  594.             lineWidth: 3
    595. 

  595.         }
    596. 

  596.     }, {
    597. 

  597.         type: 'ring',
    598. 

  598.         shape: {
    599. 

  599.             cx: 150,
    600. 

  600.             cy: 150,
    601. 

  601.             r: 20,
    602. 

  602.             r0: 5
    603. 

  603.         },
    604. 

  604.         style: {
    605. 

  605.             fill: 'green',
    606. 

  606.             stroke: 'pink',
    607. 

  607.             lineWidth: 3
    608. 

  608.         }
    609. 

  609.     }]
    610. 

  610. }
    611. 

  611.             </textarea>
    612. 

  612.             <script>
    613. 

  613.                 require([
    614. 

  614.                     'echarts',
    615. 

  615.                     'echarts/chart/line',
    616. 

  616.                     'echarts/component/graphic',
    617. 

  617.                     'echarts/component/grid',
    618. 

  618.                     'echarts/component/legend',
    619. 

  619.                     'echarts/component/tooltip'
    620. 

  620.                 ], function (echarts) {
    621. 

  621.                     var main = getMain('main1');
    622. 

  622.                     if (!main.dom) {
    623. 

  623.                         return;
    624. 

  624.                     }
    625. 

  625.                     var chart = echarts.init(main.dom);
    626. 

  626.                     chart.setOption(main.option);
    627. 

  627.                     setTimeout(function () {
    628. 

  628.                         chart.setOption(chart.getOption());
    629. 

  629.                     }, 800);
    630. 

  630.                 });
    631. 

  631.             </script>
    632. 

  632.         </div>
    633. 

  633. 

  634. 

  635. 

  636. 

  637. 

  638. 

  639. 

  640. 

  641. 

  642. 

  643. 

  644. 

  645. 

  646. 

  647. 

  648. 

  649.         <div class="block" id="main2">
    650. 

  650.             <div class="chart"></div>
    651. 

  651.             <textarea>
    652. 

  652. {
    653. 

  653.     graphic: [{
    654. 

  654.         type: 'text',
    655. 

  655.         style: {
    656. 

  656.             text: 'asdf哈呵',
    657. 

  657.             font: '40px sans-serif',
    658. 

  658.             x: 100,
    659. 

  659.             y: 40
    660. 

  660.         }
    661. 

  661.     }, {
    662. 

  662.         id: 'rrr',
    663. 

  663.         type: 'ring',
    664. 

  664.         shape: {
    665. 

  665.             cx: 50,
    666. 

  666.             cy: 150,
    667. 

  667.             r: 20,
    668. 

  668.             r0: 5
    669. 

  669.         }
    670. 

  670.     }, {
    671. 

  671.         id: 'xxx',
    672. 

  672.         type: 'rect',
    673. 

  673.         shape: {
    674. 

  674.             x: 250,
    675. 

  675.             y: 50,
    676. 

  676.             width: 20,
    677. 

  677.             height: 80
    678. 

  678.         }
    679. 

  679.     }]
    680. 

  680. }
    681. 

  681.             </textarea>
    682. 

  682.             <button>delete by $action</button>
    683. 

  683.             <button>delete by setOption({...}, true)</button>
    684. 

  684.             <button>delete by clear</button>
    685. 

  685.             <script>
    686. 

  686.                 require([
    687. 

  687.                     'echarts',
    688. 

  688.                     'echarts/chart/line',
    689. 

  689.                     'echarts/component/graphic',
    690. 

  690.                     'echarts/component/grid',
    691. 

  691.                     'echarts/component/legend',
    692. 

  692.                     'echarts/component/tooltip'
    693. 

  693.                 ], function (echarts) {
    694. 

  694.                     var main = getMain('main2');
    695. 

  695.                     if (!main.dom) {
    696. 

  696.                         return;
    697. 

  697.                     }
    698. 

  698.                     var chart = echarts.init(main.dom);
    699. 

  699.                     chart.setOption(main.option);
    700. 

  700. 

  701.                     $(main.buttons[0]).on('click', function () {
    702. 

  702.                         chart.setOption({
    703. 

  703.                             graphic: {
    704. 

  704.                                 id: 'rrr',
    705. 

  705.                                 $action: 'remove'
    706. 

  706.                             }
    707. 

  707.                         });
    708. 

  708.                     });
    709. 

  709.                     $(main.buttons[1]).on('click', function () {
    710. 

  710.                         chart.setOption({
    711. 

  711.                             graphic: {
    712. 

  712.                                 type: 'rect',
    713. 

  713.                                 shape: {
    714. 

  714.                                     y: 100,
    715. 

  715.                                     x: 250,
    716. 

  716.                                     width: 40,
    717. 

  717.                                     height: 140
    718. 

  718.                                 },
    719. 

  719.                                 style: {
    720. 

  720.                                     fill: 'blue'
    721. 

  721.                                 }
    722. 

  722.                             }
    723. 

  723.                         }, true);
    724. 

  724.                     });
    725. 

  725.                     $(main.buttons[2]).on('click', function () {
    726. 

  726.                         chart.clear();
    727. 

  727.                     });
    728. 

  728.                 });
    729. 

  729.             </script>
    730. 

  730.         </div>
    731. 

  731. 

  732. 

  733. 

  734. 

  735. 

  736. 

  737. 

  738. 

  739. 

  740. 

  741. 

  742. 

  743. 

  744. 

  745.         <div class="block" id="main3">
    746. 

  746.             <div class="chart"></div>
    747. 

  747.             <textarea>
    748. 

  748. {
    749. 

  749.     xAxis: {
    750. 

  750.         data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    751. 

  751.     },
    752. 

  752.     yAxis: {},
    753. 

  753.     series: [{
    754. 

  754.         type: 'line',
    755. 

  755.         data:[220, 182, 191, 234, 290, 330, 310]
    756. 

  756.     }],
    757. 

  757.     graphic: [{
    758. 

  758.         type: 'text',
    759. 

  759.         style: {
    760. 

  760.             text: 'asdf哈呵',
    761. 

  761.             font: '40px sans-serif',
    762. 

  762.             x: 100,
    763. 

  763.             y: 40
    764. 

  764.         }
    765. 

  765.     }, {
    766. 

  766.         id: 'rrr',
    767. 

  767.         type: 'ring',
    768. 

  768.         shape: {
    769. 

  769.             cx: 50,
    770. 

  770.             cy: 150,
    771. 

  771.             r: 20,
    772. 

  772.             r0: 5
    773. 

  773.         }
    774. 

  774.     }, {
    775. 

  775.         type: 'rect',
    776. 

  776.         shape: {
    777. 

  777.             x: 250,
    778. 

  778.             y: 50,
    779. 

  779.             width: 20,
    780. 

  780.             height: 80
    781. 

  781.         }
    782. 

  782.     }, {
    783. 

  783.         type: 'group',
    784. 

  784.         children: [{
    785. 

  785.             id: 'ing',
    786. 

  786.             type: 'rect',
    787. 

  787.             shape: {
    788. 

  788.                 x: 30,
    789. 

  789.                 y: 30,
    790. 

  790.                 width: 10,
    791. 

  791.                 height: 20
    792. 

  792.             },
    793. 

  793.             style: {
    794. 

  794.                 fill: 'yellow'
    795. 

  795.             }
    796. 

  796.         }]
    797. 

  797.     }]
    798. 

  798. }
    799. 

  799.             </textarea>
    800. 

  800.             <textarea>
    801. 

  801. {
    802. 

  802.     graphic: [{
    803. 

  803.         style: {
    804. 

  804.             font: '60px sans-serif',
    805. 

  805.             x: 200
    806. 

  806.         },
    807. 

  807.         z: 222
    808. 

  808.     }, {
    809. 

  809.         shape: {
    810. 

  810.             cx: 150
    811. 

  811.         },
    812. 

  812.         style: {
    813. 

  813.             fill: 'green'
    814. 

  814.         },
    815. 

  815.         z: 222
    816. 

  816.     }, {
    817. 

  817.         shape: {
    818. 

  818.             x: 350
    819. 

  819.         },
    820. 

  820.         z: 222
    821. 

  821.     }, {
    822. 

  822.         id: 'ing',
    823. 

  823.         style: {
    824. 

  824.             fill: 'pink'
    825. 

  825.         },
    826. 

  826.         z: 222
    827. 

  827.     }]
    828. 

  828. }
    829. 

  829.             </textarea>
    830. 

  830.             <script>
    831. 

  831.                 require([
    832. 

  832.                     'echarts',
    833. 

  833.                     'echarts/chart/line',
    834. 

  834.                     'echarts/component/graphic',
    835. 

  835.                     'echarts/component/grid',
    836. 

  836.                     'echarts/component/legend',
    837. 

  837.                     'echarts/component/tooltip'
    838. 

  838.                 ], function (echarts) {
    839. 

  839.                     var main = getMain('main3');
    840. 

  840.                     if (!main.dom) {
    841. 

  841.                         return;
    842. 

  842.                     }
    843. 

  843.                     var chart = echarts.init(main.dom);
    844. 

  844.                     chart.setOption(main.option);
    845. 

  845.                     setTimeout(function () {
    846. 

  846.                         chart.setOption(main.options[1]);
    847. 

  847.                     }, 1200);
    848. 

  848.                 });
    849. 

  849.             </script>
    850. 

  850.         </div>
    851. 

  851. 

  852. 

  853. 

  854. 

  855. 

  856. 

  857. 

  858. 

  859. 

  860. 

  861. 

  862. 

  863. 

  864. 

  865. 

  866. 

  867. 

  868. 

  869. 

  870. 

  871. 

  872. 

  873. 

  874. 

  875.     </body>
    876. 

  876. </html>
    877.