var icon1 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxODI4ODg1RThENDExRUE4QkUzQTAxRjFBMUNCQjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxODI4ODg2RThENDExRUE4QkUzQTAxRjFBMUNCQjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjE4Mjg4ODNFOEQ0MTFFQThCRTNBMDFGMUExQ0JCMEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjE4Mjg4ODRFOEQ0MTFFQThCRTNBMDFGMUExQ0JCMEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7o9iODAAADQElEQVR42uzZW0gUURgH8O+cmd3Z9ULrJW+F0BaFWA9BSG+JvkQ99BCuRNBTKD70YggRBAWBkL30EAVFFIFBKQTSxRfxpZQKg8qIWDC1XM296a7uzM7Mmb7PS9iqgUi2A/OHj9mdPbC/M3vmDHsOCwaqITO75kJuPDRgncA6hFWBpcC/TwLrB9YnrKdYT0Zyy9OZjVgmGsEn8XBDldw7krIXVO4Gg8tgbYGYYcnCBI/QINdQwWtqQTx1AeHda6IRK+GhXedSW9jtA0TD/47HTENxegZcwriFb88h3qTzfEWbdoS2TXiKswJMIceEp4iOLfj22vJ5vnSVAzqX26aUQhCMQzaFPORCXys6Ty0MD/N4oUdYMDKZU1SmcTdkaxShQ9l8eJIz8HPTgoAmK1kNpmjcBeREbyNPC6uBZgk7ZE72gG5ZDVxirJp6YYekJAVkxg5ymUGZySRboMkpMSjlOLC9gjFboK3FBxDnYMM4aAftoB20g3bQDtpBO2gH7aAdtA3Q+L9L55ZlCyxb/J8oeFpAWLJMW6DJid5pnjSsYVpyskO8pgbo/czHVPEyz0jZAk1r1uOqeMGvfE09kg1tOtuvNvnQGW4Ppjp5z1R68lVU79iuxSFbb0iGtx/5Xkf1612hdIgHA9WifjBxdzShPSzVoggXWTa9CShTo4C+zrrBxB3yLszT+CJWO5C4NJVUuyrUyMK2QTaEHORBVzf6LqIzSufl5QYhTYz5++Lnn9Xkv6svNloNWSmhpVVaqaSFv63aKKJpjWYJuumYrn7vixg3j71JdOJH47/bZe5u7Xk8XODP4btvH8g9uj9fqvW5eJWbQwlb0cGVMRmHGVcezLpysGPsr1fNpycXQOtFWJDShPUzblhfPsya/S0f53pHU+IbjYQ/OrfWPiLC6dsLsHw002C5li7Eqlze6/U3VSpNxR65Lu7K44kMPCEJC7o29jZuPjj9Pvn8h7ruVEU3FI3Neaw4FfpW/chrojcS7CBtI5Rf3eetOVvpaS5U5COIZ/QLbEOsqaeDAzHjfuNQsiemWxPYNrIWZEPDaLPoDHxFR1XO4TM7lWaFQ2F/RL8XGEr24qM3hJ/FNotdzi8BBgBjk3MgFL58uwAAAABJRU5ErkJggg==';
var icon2 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NTM2MzJBRThENTExRUFBN0UwRDA0NjRBRDM5NkRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0NTM2MzJCRThENTExRUFBN0UwRDA0NjRBRDM5NkRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ1MzYzMjhFOEQ1MTFFQUE3RTBEMDQ2NEFEMzk2REEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ1MzYzMjlFOEQ1MTFFQUE3RTBEMDQ2NEFEMzk2REEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+fXCNAAADgklEQVR42uzZW2jTUBgA4D8nbdas0261dlsnjk0GioIK4nSCl70oIopoFVHfZPOCD16GQ1HxxbsPCiKiiDKYDyqIijcEbzhRJziwIk60m2tX186ua9JsTXrif4oOrd2DiNpAfvh7muSHfDk5SUgOt7fmIGTGYt9aARsv5hLMaZgezDz4+xHHDGC+xryKeenaxKZkZhGXiUbwMmyOR+yhsoDDD9iCYpWBcvSvi4lOQFTt4JJLwBMrh9Fy6Xtc3YjwK1nRiOWxOSAL8YY2z1PEfob/HS65GCYHZ4I9OeIULm5GfCp9cD/UHOjN/9zwuPJWToBZMMejypuArg24eHjojHzr5RVSXqzh+dj7kOQHIZdC5ZPwrPw+xPNiW9G5Kj08XjoCNgr045OKuyXR/DDkahQpLpj1YX6IAKkkFFIrIgWhnAaziIoRYE70riSqrnq7HB/BCBEc2QEaaF5COH5in9hrCDS7/fLATyX4UzJgTRgCzZ4XBPhiggNb1IhqCLTO6cABRwgYMEy0iTbRJtpEm2gTbaJNtIk20SbaAGgddNVCrYbAcjoH6KX4SqtGbKpoCLSo2QG9YaLosq9QcRkC7ZJKAL1vSIgGbo+JVRgC7ekfCyEavEVODx676JTc4aIc723mc0rFkXODJ5rJQ/Vu6JX2/MiUQA3k6gXJUwswX5v24ug99UY32VtzkNbL3rN9SrSpumMeWFNCToGZZ0ZnLaCvuU5efoZ50/dp/BNdJy3dnZTUy7M/LExPG+RCjEIH8yTj6hX07UTnF7be8r0govd0LopXbztBm1qr/bVbo/awO+jogLC9O/3hj31H+xf3YTZRNFouxYuuHBySs6tVazm5WV7TjJs/DdVlzm7ta2ksKiPl43aJhxZU8ePnFnCOCVawujngLNl2lLQMQLvLB/6id5Ai2vC9lnBDVXgSuKWyYWsoUEXVkz1x6H/7LuV7sF9pvNNNu/xsJPx0cNnmERHOsQsWsxDTzoYWq822o/W27ZXLhDV1dmtBbbvrNfE724FyqaHtbsmTxo5IFHb6tFcXdiobb/bQkDqsG/sBk3177mOJvl9OcVb07wQeIHuclm6y7Zi+VFhdLwriHMRzAxYFqiKTwJbIf9+Waj3fmKi/3q/Hgljbmw3yW8PoT9EZeM8W254ZiwRvvQCC84XWcm5Hou4OPnq7cVv0T7Hf46sAAwDfqXcThCSw4AAAAABJRU5ErkJggg=='
var icon3 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCNDAzNTBERThEMjExRUE5RDI3REM1QkVFNUJCRjlGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCNDAzNTBFRThEMjExRUE5RDI3REM1QkVFNUJCRjlGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0I0MDM1MEJFOEQyMTFFQTlEMjdEQzVCRUU1QkJGOUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0I0MDM1MENFOEQyMTFFQTlEMjdEQzVCRUU1QkJGOUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4GbR/XAAADV0lEQVR42uzZXUgUURQA4HPv7K7un65rmZn9mYFRGEFUD2E/L9VTRK4R9awU9KJJFhS9ST8G9lJQRBGokEJWZPYUUQbVQ0RGkaToqtOu6+667rizOzO3M2NGu62BiLYDc+BwZ3fuzv3mcOcOO0PquiogNbjyQQs2HsyDmFsxizCzYOEjgjmM+QnzIeYD+eOqeGonUxrwYWya2WT2ChayAbYACQ6AkYUnE+YEs1xGHLEy4hIqsb2IngaEd6RF406UQSPETfWK1z2NXexQCxM3ARt3aInoUlo83o62G7j3FOJltRv94yeNLJpVL38r/D/gdOeADs0TzTqBHy/PfE9/VbkKRHO9MrAUQKaQUYEepR9dorkWnUc1NG5kMwWalSF35oFnQkH4UD6g8xp6rZTJUAXR7EImZEEmBxNwQVOdMhyhcoJ5WMgOeggWtoEsMQ8lHGzUzkIPaLwwKQdbKOVIobYO6yESJkSTZZRQsKoTXR+lVm9AQHWiTQ4DbaANtIE20AbaQBtoA22gDbSB1gOaQQKoog8t0f4nKupzjzEwy/pAmyVAr5/Go6yX2OL6KLQjBuj9TCeGpWfEFdUHOncKIiNSF33dFGpl1ik/sYmZDcbZwKzC2Jvr4Rba91zgvW/FK3TlOACXoRckZUCLA+B9J179+iQ6Suu6KpQ2D387OCrcp2v8mQdHD13rgyAvtLRV8rdUr7ZO40aw9RB/PhKMtnPreW3CZ8SUsIvAlfKArg70nUPneNLNZdInD97c7q37/irSAKt++GiJD4h7EsAiTa+Pi7UO43jquOr4SjHv7e+JnEVXrer73S31lVzTgZd5rtWmdfsu5e9fUmbZnZ1LN3BmUoAHNKUdSKKg+HOABZwACvln1UjBBBDn1Kx9mAJTcpz5YhPKF39v/EV3Q6B7wisNqDMh6Vjp3iMiXB09D9OFqT5xN8Ms9d552lWy+biz2p5n2av4cigLOJJe3xFnDLFhkE2xQf6DeO/RSf/TSV5OzOJWLyj1piFghtREH/urAOnQcwk8QSs2yyvO5G0rP+aoseVYdiGegMRplZVA7Bt5H7vbWeN/HAsrI9g3kA4yp1k0X3QKvmjPBfeOTR57DWch7sGe2J3Oan833npHcV9wvtiZ+CnAADGOcPb+Wpy9AAAAAElFTkSuQmCC'
var icon4 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1NjlCRDY3RThENTExRUE5MTYxODhGMUU2QzBDRUNEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1NjlCRDY4RThENTExRUE5MTYxODhGMUU2QzBDRUNEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjU2OUJENjVFOEQ1MTFFQTkxNjE4OEYxRTZDMENFQ0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjU2OUJENjZFOEQ1MTFFQTkxNjE4OEYxRTZDMENFQ0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7x6lonAAADQElEQVR42uzZS2gTQRgH8P/MbrJ5tKGt1T6kQepJxYMgouD75EV6kFaKB09aPXhRCloQ9KCCLYonX0UUsR5qQSxoe/BxUC/iQdEoUrFN1dSkTRvbZpPNPvwmVLFpFESqu7AffJlsMrC/+ZidkBkWCbejMJZFS73UNFI2UK6mrKVUMP8xSfmJ8hXlbcruN+FJrbATK0QTeAc159I+Y3EqkAO1yEkmLDb/YmYBHoMjkJEQSnsQzEgD9PFhgvcURRNWouaUJputsYpMHvu/Q+Brkj54dX6eLg8QPo/iP/U5lVaM1sHqtC3AIoQj71GM/XR5+vvnfKbKTZrHbB1eqMLgFuwUwiNcWY95kJzNM9Pogo9m7IdolVqtKgbsGn5NQnjEP8LB6rkBs0n1GbYGi1C9hpgu1eTdyTUYjamgDifEZEBHjrxcAlshRuGEmKYHU4a0itNLtS5ZjkDrsgkqchWnie03uTPQQsnAOIcDw0W7aBftol20i3bRLtpFu2gX7aIdgLZg5bjJHIFl+f+Jlin2PUZlwxloWecgb4JPIftabDk5IYIZCeSN8CiSfaFp2RHoUlXGMJL3+DH03lQyLOHP2rvaYjYoKhs9ib4ufgcvRx5joF1sXtv1geQWQ82YD0/wvqMbz2M8Em43t+Js53Bu7Hpdwg/JZnDhqYv7Qb6uLThzWXjz6zS9Gd+IjqOJbOrWkpFA/tjADhGgKSs85OohXxs5k7N+XGJIRZeg7dB9PXK4Nq7Ew/EAyqY88NAy869qL+4j7ifuG6bqVn3xfHygvzlCroPC96Nf4enW8mhreT0ql17Erm0rsXhzGQLLvJAWMbCiS4w4XhgNaZgozcFk1m+rtuCrFyXqr1cqE5aahR6fQPrtC3x8tA83+oeQHBQzYdbgip0jElwMupyyTCyPogAzhZgTx7G9vgUb9i6QSreOhTQ+XqLNOr4LZmRUprzgWTP6DEPXmtF59xMmcr90A+LcME05IZJ8cypRFP0nQQP0U1NzAg1r9mB9S7lUsmk0lGViz7uSKmtqxsBTvL/ahMu940h/pr5jxSB/NI3+Fl2Ar+3AjrW7sa5FgVzxEO+uNOJSvwY9Rt+N/y32e3wTYADh7FQm14TaGgAAAABJRU5ErkJggg=='
var icon5 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNjUwMDUxRThENTExRUE4QTZFOEEwRkFDRjBENjlDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNjUwMDUyRThENTExRUE4QTZFOEEwRkFDRjBENjlDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0I2NTAwNEZFOEQ1MTFFQThBNkU4QTBGQUNGMEQ2OUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0I2NTAwNTBFOEQ1MTFFQThBNkU4QTBGQUNGMEQ2OUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wDxOuAAADSUlEQVR42uzZS2gTQRgH8P/ObtIkTWpSsa2xldrag4iCIOLJR0Xw5kFS6UE82SriRSmoINqDFrQInqRURBEqWIui4OMg9eDjoJfWB8UG2qat1aZNas0mTTbZ9fuCzxgFkWoW9oOP2d0MzG8nszMwI/V31CE3VvkG7VQEKLdTrqX0UxZh/uMj5TjlS8qblN0vonWp3EpSLprAO6g4p6adS2ZSHsQ0FzRdgQFp3sUStWITabhtcSywxbgM0uPDBO/JiyasTEVbSre1jKnlIDT+dxQrCVQWv4ddaOfp9gDhM/xcfFenjaAtwdmqggBzsCM4u5TLfXR7+stz8bmXG5IZe8tIzI+MIaOQImMIDJOLfAfJ2ZgdHsY1OHQDQ0Oxqop42oFCDZcyh2Xu0XdCQo3I6GhQ066CBnOwj53k3SlSaQRmUiUwQ3zQPNAyCAhZYGUiU2QKtKo5oQisEYqMCp6HzRDspE4uFzSwnbohTIHmBU6SIMyhzQkLbaEttIW20BbaQltoC22hLbSFNgHaMKAJSTcFljcoyavzvscU71SaIdhJ3rCIzeGVU06aAl1sS4C8r0VoCve89llToHnPenQad8WJblx1iHiYN/gKOdjnEOrUqRvoEree492jAZypdL1HoX6QQjLAvscDaO9+ignR31Gn17fiwmg4daXa/RZygcHZU+0eB/m6Nreik73ZeZouohuO49hUNHF9eUkoe2xQEB8eOWrJQ64e8h0lZ+SHxWUiilD1fhx60KcdrnKNTS6jtyst+sDnHdn58V/Nw9wet8vt+x1jY7392hFyHWTf13q5p1urmwd9NeWo7WjCtlVLscnrwgq7gjJJQt6t1bQhIzznQyTphW5Iv+21RY4oPDb1l3V0A4mkhskZFQN9I3i4txP3R8IY5pHww8vlO0ckOLfuo/RyezyvZzsiT7Q2oKZ5K5oWeuT68FypmE4toFXrW1WPLU7YCGQjEXoWxOXGc7gzHoH2KzclnxvGKWc4yffT35wX/SdBL8hHYYtPNmLdni1o9rqVjdTzEu8llzkjMNLJ4JM3uNRwFrejKt5S3el8kD8aRn+LzsH723dh/e5NaC5SUNr7ChcDZ3Gflt4J+i36t9gv8UmAAQCeglhbUA0QZAAAAABJRU5ErkJggg=='
var icon6 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNDhFNUQ0RThENTExRUFCNkJCQjEyNzdGM0Q4OTlGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzNDhFNUQ1RThENTExRUFCNkJCQjEyNzdGM0Q4OTlGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM0OEU1RDJFOEQ1MTFFQUI2QkJCMTI3N0YzRDg5OUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjM0OEU1RDNFOEQ1MTFFQUI2QkJCMTI3N0YzRDg5OUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7uSKLxAAADTUlEQVR42uzZT0gUURwH8O97szvrum66/itLwj/0x6JDUNKpf1B06xBa0qEutXnwYggWFXWooCQIDxVFFEEFZURBfy7VoTzoqTJNFDTTVnbWXXFd152dnen3NgX/rIFEtQPzg9++neEt85nHb96w77Hi5jbMjcEVm2Vqqij3Um6iXE7pwN+PMOUQZQflU8pHxUPt6txObC6awPuoueqIja3IjAZBLaSECmYYf11sMIaEJCPmWIIJZ65oe+l0I8FbUqIJK1Fz0abFGjyjfYQN439HzOFGKKcUms1xjQ7rCJ8Q5/mMPhcJ2lCodKYFWIRwTHlq6fDS9Hk+NcrVNm2yIS/YA65rSKcQnvyRHti1aD05a5LlgSdGBgy9rzDQvUxWx5Guocou+PPXDoPxMg49UZ0RC6c1WISsRiCc5N3PoalVmdERmCGcNJshEa/i4NJ6cRdmiOQEwW0bOSTbMikRNwXaRu8LGuSlnArbyYwEzBH0gmOMc5gwLLSFttAW2kJbaAttoS20hbbQFtoMaMOIG0wyCZfR30RDF+segYRkNwVZk2T6UBWOyfEvYsnJDCFWUcnbyREYeDXhzDMFOurMBQLfX3I8PPtg0p6pqHJWWoNFNZAzgJYL9znanw2j6/3lkKcEepo+kAbjCHlKga4PTWh95OPFzW06zuy8FVeG7o3krYLObWkFFp5A3mqQ7z7O7LgpvMl5mr6EcGrr6dhY8LG/YN2vgk+TB89fUAFytZDvJDmDs18uId8AvCXHtU9vGhVPuV/JX4OIq0Dsd/yaH//RPCyuJ64boOsr2SWD2ud3J8hVn/RN95q3u1VX6cHSsnLU3tiDlRu2w5VTAZtcCMZS1o3YXnCHfciK+MEMfeFRk90Iu4swmZH9m+LVo4jH/IiMfkX/x3e4fuw1lG/9yUqYeWsp9xHrKsXQeihzKMUkbl9wuA+cK8Nu71HJnbvTPe7jrogyCy+Q4awixLh9AD3td3Gl5gWCQwutLYsfin3DCcpRkeSbtxeYEr2YoBt0UlOEg+crseuIV3Jlb6ORZ5IeT46sqrNedLfeQVP1c4yHflDfkVSQRRXRn6Ln4JfjcNMWbD/khd2Ri463t3G56jW9en3iqflT7HT8FGAAiUFUFahZbm0AAAAASUVORK5CYII='
var myColor = ['#f15c2c', '#8c3e96', '#73b73e', '#f01798', '#fbaf16', '#0097dd'];
var option = {
backgroundColor: '#333',
tooltip: {
show: false
},
grid: {
top: '20%',
left: '5%',
right: '5%',
bottom: '15%',
},
xAxis: {
data: ['TETLE', 'TETLE', 'TETLE', 'TETLE', 'TETLE', 'TETLE'],
// offset: 15,
axisLine: {
lineStyle: {
color: '#ccc',
}
},
axisTick: {
show: false
},
axisLabel: {
textStyle: {
fontSize: 14,
fontWeight: '600',
color: function(param, index) {
return myColor[index]
},
}
},
},
yAxis: {
min: 0,
max: 100,
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
show: false
}
},
series: [{
type: 'bar',
itemStyle: {
color: '#d0d1d3',
barBorderRadius: 10,
emphasis: {
borderWidth: '10',
borderColor: '#d0d1d3',
color: '#d0d1d3',
opacity: 1,
shadowColor: '#d0d1d3',
shadowBlur: 0,
shadowOffsetY: 0,
shadowOffsetX: 0,
label: {
padding: 5,
},
},
},
markLine: { //数据标准线
data: [{
name: '',
yAxis: 12
}],
label: {
normal: {
show: true,
formatter:'T'
}
},
lineStyle: {
normal: {
color: '#0FF',
width: 1
}
},
},
label: {
show: true,
position: 'top',
distance: 6,
padding: 10,
color: '#FFF',
fontSize: 14,
formatter: '{c}%',
},
barWidth: '40',
data: [30, 60, 75, 85, 65, 50],
},
{
type: 'bar',
itemStyle: {
color: '#d0d1d3',
barBorderRadius: 10,
emphasis: {
borderWidth: '10',
borderColor: '#d0d1d3',
color: '#d0d1d3',
opacity: 1,
shadowColor: '#d0d1d3',
shadowBlur: 0,
shadowOffsetY: 0,
shadowOffsetX: 0,
label: {
padding: 5,
},
},
},
markLine: { //数据标准线
data: [{
name: '标准值为5',
yAxis: 20
}],
label: {
normal: {
show: true,
formatter:'T'
}
},
lineStyle: {
normal: {
color: '#F00',
width: 1
}
},
},
label: {
show: true,
position: 'top',
distance: 6,
padding: 10,
color: '#FFF',
fontSize: 14,
formatter: '{c}%',
},
barWidth: '40.5',
data: [45, 55, 70, 80, 50, 62],
},
{
name: '',
type: 'pictorialBar',
z: 1,
symbolPosition: 'end',
symbolSize: 40.6,
symbolOffset: [-26, '-45'],
itemStyle: {
shadowColor: 'rgba(0,0,0,.3)',
shadowBlur: 10,
shadowOffsetY: 1,
shadowOffsetX: 1,
},
data: [{
value: 30,
symbol: icon1,
}, {
value: 60,
symbol: icon2,
}, {
value: 75,
symbol: icon3,
}, {
value: 85,
symbol: icon4,
}, {
value: 65,
symbol: icon5,
}, {
value: 50,
symbol: icon6,
}]
},
{
name: '',
type: 'pictorialBar',
z: 1,
symbolPosition: 'end',
symbolSize: 40.6,
symbolOffset: [26, '-45'],
itemStyle: {
shadowColor: 'rgba(0,0,0,.3)',
shadowBlur: 10,
shadowOffsetY: 1,
shadowOffsetX: 1,
},
data: [{
value: 45,
symbol: icon1,
}, {
value: 55,
symbol: icon2,
}, {
value: 70,
symbol: icon3,
}, {
value: 80,
symbol: icon4,
}, {
value: 50,
symbol: icon5,
}, {
value: 62,
symbol: icon6,
}]
},
],
};