性别进度条

描述:当前是关于Echarts图表中的 示例。
 
            var rocket = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAxCAYAAAA1KuK2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRTVDQTUyNUEzNjdFODExOEQxM0MxQTFGQjA2RDZGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTI0QjMzQzY3QTMxMUU4OUUxNkQxNDEzRUZCQzRENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTI0QjMzQjY3QTMxMUU4OUUxNkQxNDEzRUZCQzRENyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJGNUNBNTI1QTM2N0U4MTE4RDEzQzFBMUZCMDZENkY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFNUNBNTI1QTM2N0U4MTE4RDEzQzFBMUZCMDZENkY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Eto6JgAABVRJREFUeNqsV9lvG0UY351dX/EV347jJE7iJk3aQIAiQVKiqFAukQeekIA3xAMP/An8F0g88MoDTyCBKqFSqQLSAILSqIEGUilVDsex4zhOfKzX6/XyzWZmM14f5GCkz+OZnf3N77tmvuXf/ag6yXEcAhFMIlpE1fLW/PI7QV9xQRTUWEPji6WyffGn++Ofb6YDOVhTB1FN0uABdJqAUGARC+I18b2FpU9cPdU5ztTqqpD9bnHq4610YI8AU/AG7jGQFcRCehvprXPP/z3fDhA3YB2+/szjD5n1NgbHgsxgIHY87gsevsR1aR53ZZa8Zye9ISIBEljV8W6CoHq7gYJ5HGBzp1IXqozpdFOYmRo7V6q2bDfQmiLuAaDQRlMbMqltPFheHbynabzaCRSc9EMH9a2onT2xrG+HCw/XBr5sB5zZ9/x+55crS8x6O6stDqn3GVuKxIO0t8TCB8Gnxreeg0gI1mpi6UkqtLqyNrBGQkghdlSY/3WR7CKYAK0A4rp6KTXp85QiOGYlyVqGeX6wb38i0FvqW98Kr0ECpAkYdRT+L4iEdhPLuWv/zFwe3rkhCA1bJ5tOjOzczO57Hn3/89VvjkqOIvYdjQDEGFi3y2vXV16/ktx+oxsgbeHA0eTbL9//wO2sesn7dup9wznTlzenRuLZWe4Mrcchh27OrCywTqMhZed5zfr0+OY8d44WCRxNJPpzcUrOCKmR+F4Cdg1w52yTo6lpGppG8I8OZsbYRRs7wfVuIAdHzlypYjuk42iwkARtbSyoJRYqJOmCYtl+CCJ1A7Va6jhBNujYZq07h/v34vSUssSj+ajDXnMzKZgaiObj3UCdDtm9X3CV2bnkUCZJmVrGhnZHm9Iw7yl53RXvf9kx5Cv6IUYNE4C2Q5Sp0B/JD9EHYKdSr7viPo1zQMM+yKpdOsbaQsaFUTR46HP1yAar7Yw/Aw+ipwGFzT3ZvKfIzoHDE2gskU6wk+msrwC57TttKPk8ZRfWjo7BF4MIfgbohCRbJThIHGeJz6FYLrqZDu6yDkQel+Q78bo/DZkRPQuo31vuzeS8h01XDTtIZfx5uON9Z80mt1NyVCRbpQW0KluqkKZWyAr+rKBggshWxr9jgAL1bYi1wuIfY7/hh+fJ+5C/6F9Ziz8BrJ2jsuNA/OrOtbv4YLbbFMeNFx6Fznme4BvBD1g/0kMa3zX18UQ6DNcGOu8plYjlYuy9r9dBw/G9OHeBFvQXI5BRiNZSCpw4GlwNsYuAYi3hXsMYis4ULrE+ATVE7oJtOJ4bouorCTj1uf+hwak1AOeqhtnVbt+bug3079IrOhoqhF+d+fPNk3oUKV98O3vrlRf/ejYeyQ/S+ccb0ZWl5eQDnhQSPM8piiJIOqhUtTbYqkRRRJcpYjhYU9E03alGUxu8AplUZKoUvRdJEUCrYCwaecg0Dc/V+OPnrHMoWI0tfzCoTBhSQA5SVWljMgUIN4Hyx2OZANbYWkohgBYCqsHieruSFDYzgTYxpUWaSpmKjPp4ca3Zovpmill9MpZNVZ9CmaqM+loH9WXOzBRpVG3Wpk1MNSrIxJSqj3hObWaqqQyo0s6mnZny+rwMndmmaiemtK40gDs5yqw+4luYqizTJpsiE1PiqFb1j8eyqUxvy7SBUKOdTWWi7glT1Kibw4mC0oHhLITae781Tg2mdfYb1cxUN0Or9/U0rfIt6hs2ZT96m0CpNDL73hRhzR8fHKiAGUmyJdWUt3UhR5iqLChi0oyKDB9fuVTG9yl830uqivKr67HPMNOlB5e+htPqIX6xUrX+Ct/9t+g7RHT7/ivAAAvjfWaen4sHAAAAAElFTkSuQmCC'
var rocket1 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAyCAIAAAA83AdPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NGExZmFiOC03MDA1LWY1NDMtYWE5NS04YzJmZTUyODFiYTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzRDQzdGOTg2N0Q5MTFFOEJDN0FEQTA5Nzc2NkY3ODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzRDQzdGOTc2N0Q5MTFFOEJDN0FEQTA5Nzc2NkY3ODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGM4NjhmMDItNmEzZi1lOTRkLWI4ZjktMzRiY2MxZWVhNTJmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjA3MDAwYTgtNjZjZC0xMWU4LWI2ZjAtZGRhNGY5ZjY3MTM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aN5BUQAABGVJREFUeNqkVk1vHEUQ7aqemfVX7I0TJcIQR3GCIMIcQEZBfB44gDhEXJEQ4sol/A5+Q+AXhEMOkbgEFHIgSAYlyBGGWI6d2BAsO45srb3OznQ1r3rG8e7MgtehNdqdr1fv1avq7qFT5y4QkdFBxBGRxUUc2Q/fHX/z1WNHD9ca29n0zNrlq0uN7Zb3TiQzxnscXvBDE69/QQwM4zA4QQzmC5+efenMiGkbK2s7X16cbWw/di71RhDIaBjPzDETILGNahEnlpO3p8ZKYIzjR/vOv3eC8YLty98nAPXgpAhBMVucJ1OTo6bbmJqsE8XWhhBc0/c5DpEgnjgkr1kMD8Vd8UMD+rIxAo/Yu+CFRBZ4siYgGeZxtL4hY8e64Nc3skDmFenZe5glwGgmNmQO/ZZrP99uduWfnmkiO6RAqhwn0AtFFrbVAhgpJTBi5o778eZOCTx3L/3+xmObm6V8Sgm90I9IbIIFqj+EvPxdurBMr70cHanzZkMQ8adbLTF4pLK9ZOIdugblhu2hZ5A/2SSOnjke12K1o7lD16eNNy7Q86kTfUg7zWT1YdZoWhJ0gUULBf/JDvZHH7zTPzWJCObfhz4TMb/NuyvXttcepYgYwbP6oejzjwdHR8j0MJjN5PP29PjQV9/sLP3VQrcmn5wf6BH8ZPTX6LOP+vr7En5hIjk5xubg49AgvfFKjc+ejszTjhcnmA+qvH2MjhhuN3x2Pt4Xc2cxRgnyEceY82aP/+qNwX3xP0wPpNkepOTcQXPRtqODoamDEv18MH4yHXz8f+T7MO06b+yL6RTMnde+N1bT3X//VHjfLq6XBNovOvm964Fd2gNwK927SJ3vgV7cLkuaGr41W8RbWNalbl+8ePn190L1L7d9dHM2fbAa1YdpYamL/ivXBt5/qxlH7brk2+uYaZQ6d+/PNBKf/b1mVh5qI3Q2g475+yydmvLF9+6yx0as659eE7ZRTGMS4/7brbx/fLF54TcDv2NdVbGnUah/VHKrEtHp1h/Aun4bRNI2IPFE3apVapiCX5XivoBfAFMW0Q20EkCq9TPGYReFcCdZBBnGWH1AXPVfZ4cv3SkyF/8kf3zGgFlV8f78Bps3QmDzkd38oRr7oYd/VOkWV55jhf8iuX+IpCsSkZJX+99LGa/inUZW/ozzP9GuTqv5S5cZ5fL6BzIf8he8l6KFRCr6izpRe/+L35WQ+y86jbX+XbbBin+atrRQAoTO8aH2+Pjotvp4n1brn/PjkfpXdKh+UnlT6R/wVPCuCKErUeF/BAuwMfhK/iHPjvx9UfwwhZRfV00lx2eTVBwIrV5SlAVwljd+FCrp1SgxlmylVmmXFSgwK0L7x2ERs5q4zvWs/G5WxjsXPt4M2kiFsM7QkJL4lnOtu0tbbR+srfXN5vz9vTtb21isGioeqw4gktrDz50LLR0mgfF/LG6cGR+uDycPVne+vrTwaLM1t7h58tnBI/Vkdf3xxUtzK2tbu5NPj38EGAABb/OKNh4Y5wAAAABJRU5ErkJggg=='
var women = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAxCAYAAADeHVm1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRTVDQTUyNUEzNjdFODExOEQxM0MxQTFGQjA2RDZGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTI0QjMzNDY3QTMxMUU4OUUxNkQxNDEzRUZCQzRENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTI0QjMzMzY3QTMxMUU4OUUxNkQxNDEzRUZCQzRENyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJGNUNBNTI1QTM2N0U4MTE4RDEzQzFBMUZCMDZENkY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFNUNBNTI1QTM2N0U4MTE4RDEzQzFBMUZCMDZENkY5Ii8+IDwvcmRmOkRlc2NyaXB0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'
var men = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAyCAIAAADX67xMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NGExZmFiOC03MDA1LWY1NDMtYWE5NS04YzJmZTUyODFiYTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFFMjM2NDA2N0REMTFFODhDNzhBMTU0QUNFNTFBQ0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFFMjM2M0Y2N0REMTFFODhDNzhBMTU0QUNFNTFBQ0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGM4NjhmMDItNmEzZi1lOTRkLWI4ZjktMzRiY2MxZWVhNTJmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjA3MDAwYTgtNjZjZC0xMWU4LWI2ZjAtZGRhNGY5ZjY3MTM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wYlNwwAABIlJREFUeNqkV9tuHEUQ7dvMXpN14qxNEgQBRTxEQoEAisQT4gHlZ/gzyBcgHuABkIgQQghFCBJjE1t2so6z9s56p7uKU91rvDvjxBu7NR7PrapPnTrV1avfuful0loppZXRGofF2RjXfvfa5U9vNa9eZuJifWfw/W/jzWcUSuLAHPC51kRMWrHTMoxS1lrH4gy3rvfBzf4XH6o44LN9Y7X1Vn/r/g8Hf21oNqycUsRMJp2NyePhlHZGZ7jOL1y48vltNT+AbOXeRzZvGtMwJtMah4uQrbHyKLcmM9pZucg7N6/Bm6oN222233wDkxmZTOzhC7fO2pwjEbiJERnX7aiXDNdpYz4WOnyMiBEIzODSRKROK4v/NCxf5gKvMCWRZ9YwxqE06AQwsdQCLMY2WRvS2Jumq9j7QeF3CkSK+RgQ2IsLwLYgxmSJhUStLvX+t/8A7Kw9j/3wm8dW5yDS2WZiMHKBW9sAeC1/mXAhJLmwMX5x/1Hr9rJdaSFx/smo+HWH9oPkQuYnaEgJE1a4MBGYyAkkG+sutWy7EXnV5Z8jHAmEW+q4XhveaDjxeyPFUJYm5VlTSo+IsnnrSutO33QzddoIu4cHP20e/j3QyjF5BNIEiO5n1/P3emqxYS81Lt67UfzcHj3YIqkG41rv9xe3/3+0Pl7J314SUrXNmneW1ZlG+5NVkXV2tasb5mwu7HIDqjemk6lzDNAPcR9D4GeBR/xqG94jHtJxBVtoOq430xJ4HHhAp7jYDLTtj12IoNQcEZDpa4aiz0LkLPC05L0uhOo3Rp13aMPndKB4DgXKdwErKfLjG5ZAZrIo73gBH7PXaAU8vzrx6Rgqt+CCZl0ugGIeKVYtDjMuaIFAWNbdY0H7YMp/RzwO8qpkLJmLcOEfjRN0ej4JTwtHo8nwq41stUWDoIuqbGjNq6Y2q3YGBNFWMfq64IvaP9kPZekEVhEma146ncmqbO0F5bWadSHhBnpR0nNPVMoKThSS5qW7EDpdJUFcUz1gwDiQUIKGFhyupKFKgwqhmnUVVaPnnZK4iK1MplQkgSh0FGwV0F+kwfApQpBWGhSa3ZEjNIIABBR1yqJ3foWcj4JDFJSiQESOVJBSAzzUfqWRTrk4ERclOKyCoMCGybC09oiQ5r+myrIWKfBpx5X2B5ELwcBpDaqhIGaqBwKruMuQC2SEZIsinyJJusqFJLma5pgUyYVgoYAckJJNoDylWplxjc5o6UUDgkKAuEAl4BvN2KjEp7UUKqrjmmb0SBdhysK0AKkmrTo/iQgRBRxFFzKRLOaU5pj/XPFJ0oozRWmQi5tgeWKmPaBGnjqBi2lGxRG5uM7ADWgtsZ7X+A+VpMZ8lFGXR2WGPVPcRHopEQi8KkU6SeCURAFlswicIC0rojRJZnRqRhLHyV5Q+AD8omKcAuqNwhwGXxrKKk8CflJgrzdVJ0kfSSKJJPnxxtNZg2J9u/JktLFDPDmyl7Ndun43EoY6E9iHWwPXbef9Hvsw+O73g4frh9u7ppE3VnqIfffHP/Z+eShcpIljRP8JMACzuHg+LIltfAAAAABJRU5ErkJggg=='
var sexdata = [{
    value: 64,
    symbol: men,
    symbolClip: true,
    symbolRepeat: true,
    symbolSize: [
        '40%', // 50% of the width of reference bar.
        "80%" // 100% of the height of reference bar.
    ]
},
{
    value: 36,
    symbol: women,
    symbolClip: true,
    symbolRepeat: true,
    symbolSize: [
        '40%', // 50% of the width of reference bar.
        "80%" // 100% of the height of reference bar.
    ]
}
],
    option = {
        //你的代码
        //标记
        backgroundColor: '#081736',
        legend: {
            top: '0%',
            textStyle: {
                color: 'rgba(0,0,0,0)',
                fontSize: 20,
            },
        },
        //在坐标系内绘制
        grid: [{
            left: '22',
            bottom: '300',
            top: '300',
            right: '22'
        }],
        //x 轴
        xAxis: {
            max: 100,
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
        },
        //y 轴
        yAxis: {
            data: ['a', 'b'],
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: false
            },
            axisLabel: {
                show: false
            },
            axisTick: {
                length: 6
            },

        },
        //展示层
        series: [
            //目标数据
            {
                type: 'pictorialBar',
                symbolBoundingData: 100,
                z: 20,
                data: sexdata
            },
            //背景数据
            {
                type: 'pictorialBar',
                symbolBoundingData: 100,
                data: [{
                    symbol: rocket1,
                    value: 100,
                    symbolClip: true,
                    symbolRepeat: true,
                    symbolSize: [
                        '40%', // 50% of the width of reference bar.
                        "80%" // 100% of the height of reference bar.
                    ]
                }, {
                    symbol: rocket,
                    value: 100,
                    symbolClip: true,
                    symbolSize: [
                        '40%', // 50% of the width of reference bar.
                        "80%" // 100% of the height of reference bar.
                    ],
                    symbolRepeat: true,
                }]
            }
        ]
    };