echarts柱状图上增加icon图标

学姐早上好啊！
已于 2022-06-30 17:16:59 修改
阅读量6.6k
点赞数 4
文章标签： echarts 前端 javascript vue
于 2022-06-30 17:16:15 首次发布
本文链接：https://blog.csdn.net/weixin_48058348/article/details/125544226
版权
echarts柱状图上增加icon图标

效果图

在这里插入图片描述
基于echarts5.3.2版本

以下是option中的内容

getData(){
			let datas={
				ws:{
					jz:25,
					sz:30
				},
				fq:{
					jz:25,
					sz:20
				},
				zy:{
					jz:25,
					sz:27
				},
				yg:{
					jz:25,
					sz:18
				},
				zf:{
					jz:25,
					sz:40
				},
				gys:{
					jz:25,
					sz:32
				},
				xfz:{
					jz:25,
					sz:21
				},
				sq:{
					jz:25,
					sz:15
				},
			}
			for(let index in datas){
				console.log(datas[index],212121212121)
				let obj=datas[index]
				if(obj.sz>=obj.jz){
					this.arr.push({
						value: obj.sz,
						//symbol内容是base4的icon图标
						symbol:"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAGgZJREFUeF7tXQuQFcW5/v7ZXTBKSF0vEkxijCjsmbMK6pLAmbMaNA8J5qFWEKzKvXVvUBIfeeArmtIEoxUNJj4SIYmKuZWkKhCT4NVI3kCEMwcMhEDcM2dBMcYrIlhWBcEAuzv/rTm7EEUe0z3d8zo9VZQL9v/6/v62e3q6/yaYxyBgEDgkAmSwMQgYBA6NgCGI6R0GgcMgYAhiuodBwBDE9AGDgBwCZgSRw81INQkChiBNkmgTphwChiByuBmpJkHAEKRJEm3ClEPAEEQONyPVJAgYgjRJok2YcggYgsjhFlqKN511HPp6O2BZRfTRCSAeDmA4CMOB4GcaDsbbBv7e+BM8O8DYAcI/AN4B0MDfG/9OO9DKz8P3a2ht66YxK7aHdsY0FEbAEEQYsoMLvIEI/egAcRGgDgDHKTJxKDXbAe4GUw0t6DbEUYu2IYgknlyfOA7U+j4wnw3G2QBOlFSlS+w5EJ4A0RPgviepsHqDLkN51msIEiK7XC+/FcAE+PxeECY0CEF4ewjR9DRhvNQgDGMNLPoTgDVUqLyaHgfT6YkhyGHywrXyVBBfAOBCACPSmUJpr14GsBhMj1CxskRaS84FDUEOSDD3dI2H7+8jxfic539feOsbZLGsR6h9ZfCzeQYRMAQBwD2TR8DfeyEIF4Axtal7B2EJGI/AGrKY2pcHo0xTP01NEN7snIjduBSEmQCOb+qe8ObgXwRjAY7CgzTafa5ZsWlKgrDXNRbkzwTjUgDHNmvyQ8b9CggPgq0FZK/cGFImN82aiiDslU4D08zBEWNYbrIYTyA7GyMK8QKyq3+Nx2TyVpqCINxdOgOEWSAKplJtycOeaQ96wbwAjPupo7ou05GEcD7XBOE1nUfjmKHXAbgewNEh8DBNwiPwGoC52LXnTpqwNvg5l09uCcI1ZwaoQYwzcpm59AS1Doy5VHQXpscldZ7kjiCN6ZRFATFmqIPJaAqBwEL4PDdv067cEKQxnXrL0OthIZhSmelUiB6toclr8HEn/rlnbl6mXbkgCNedc8H4pplOaejycirXgXAtFdylcuLpkco8QbhWuhJEd5vVqfR0qkFPgtWu2VSszkudZwIOZZYgvKazDcccdTfAVwrEa5rGjgDNw67ds2nC2t7YTSswmEmCNM5icEswapyrAAOjQj8CS0H9s7N4JiVzBOFaeTqI7wLwDv15NRYUIrAFTFdTsbJIoU7tqjJFEO525sDCV7WjYgzoQ8DHLdThztFnQK3mzBCEa848EK5QG77RlggCjPlUdDPx7pgJgrDn/BTAtESSaYzqQuBhst2LdSlXpTf1BGGvtAygyaoCNnrShAAvJ7t6Tpo8OtCXVBOEPecpAEHpHPPkF4Fust1T0xpeagnCnrMthppSac1Ls/m1nWx3ZBqDTiVB2HM4jWAZn/QiQLabuv6YOoe4Xt4M5pP0psJoTyUCRM9SoTI6Tb6liiDsOcHmtlS/tKUpeTn1ZRnZbmp2SKSGIFx3gmOcn85p0k1YIggQHqKCGxyPTvxJBUHYc74F4OrE0TAOpAmBu8h2r0naocQJwl756wDfmDQQxn4aEaDbya58OUnPEiWI2VuVZOozY3sO2e4tSXmbGEEGd+Xm8qB/UsnMrV2mGUntAk6EIIPnOX5ltqzntkurDmwLqP8jSZwniZ0gAycBh/7aHHZS3Ydyr28pdu2ZEvfJxPgJ4pXvM8dkc9+ZNQVI88iuXKVJ+UHVxkqQwQIL98UZoLGVMwSYr4qzEERsBBkszRNMrUxt3Jz12ZjD6QVhSlwlhWIhyGCN3JWmblXMXSm/5tZh156uOIrTxUMQc5Y8v101qchiOtuunSCDtXKD0cOUA02qM+XT7mvwuUt3LWD9BPGcn5hC0vnsoSmIaiHZ7iU6/dBKkMErCAKCmMcgoAcBxiU6r17QRhDzYq6nPxitb0JA6wu7PoJ4TlDgLTMFwkzHyzQC2jY0aiGIeTHPdGfLovPaXtj1EKRW+i6IPptFpI3PGUWA+XtUrF6u2nvlBGlctQxaa76Yq06V0XcEBHoB7lR9RbV6gtSce0D4gkmnQSB2BBj3UtH9okq7SgnCXtdYwA9Gj2EqndSk6wWAngT8P8HCk2DrSbD/HhB1gakL4C4A79ZkO21qu8G8CpZVRYtVBfb+H/qsEnwqwcIkACUAw9Pm9EH82QlYnWSv3KjKV7UEqTvfADeuXk75E+6sM+d/NPwbgFvIdv/ncAnj7tIpsOgeAOenPLEAYS4V3C+p8lMZQXizcyL24M8AjlXlnAY9dVDLdCqs2BBWN3ulSwDrBwAPDSuTiXaEB6ngXibiK3vlOwG+VkQmgbavYCjOpNHucypsqyNIzbkVhJtUOKVHB99HdvVzsrrZc6pAY7qR+SdKiU9eP/FdGNLyfKpBYNxGRfdmFT4qIQj3TB4Bf2/wW/l4FU4p18F4nopupPcJ5mktqL/Qp9y3uBUSfYIKlUejmGVv0mTAWhZFh2bZF2ENGUfty1+OakcNQTwnGKrvj+qMNnnyu6iwqhJVP9dLU8AUFJvI5sN4iIpqKhZm4MavWWS7D0RNlBqC1J3HwZga1Rkt8opf2rJbBZJeBqGLCpUeFTjzJudk9CGYdh6nQp9yHYQlVHAjLypEJgj3dI2H7/9FeYDKFPI4lR+PBrfRBIsRWXuUbw1nz/kBgP9KLRCWdTq1r1wfxb/oBEn3acG/ke0qvUqBl01uxai9/8jcATANJ/DYK18F8HeidEDNspE3MUYniOcEo8d4zYHKqv852e4nZYUPJceeE4wgZ6jWq1UfYRoV3J+ptMHdzumwsE6lTsW61pPtnh5FZySCcK08FcSPR3FAqyzzbCpWgw9cSh+uOz8C41NKlepW5vMY6qg+rdoMe06wUvTvqvUq08d0PhUrS2T1RSOI5wQrV0Ifm2QdlZJTsKR5MLtcK80F0XVSPiUltHfnMBq/YZdq8+w5wdaiM1XrVajvAbLdWbL6pAnCmyYOR1/LMwBGyBrXLufTHdRRUX61Atecx0EpXbU7FKi+P4k6Vq1WiflgHwjex9L8vIzW/pNpzOodMk7KE6RW/hCIfytjND4ZPfdws+c8C+A98cWhwBLxTCpUH1Kgab8K9krnARQUA0z3w/RhKlZ+J+OkPEHqzk1g3CpjNEaZPWjtHyn72+Pg06uzjgf1b4kxBkWm+G6yq0pv8crM/S6Em6ng3iYDpDxBPOcxAB+VMRqrDPNFVKwuVmWTvfJFAP9clb4Y9fyObPfDKu2x5wSjx3kqdWrS9Uuy3Y/J6JYnSN3ZBk7pV9Q3IrGJbHesDDgHyvCGrn9Dq78ehBNU6ItdR4TfpG/CwivdCNDXY49BxiBhOxXckXKiElLsdXUC/hoJ0WRECIuo4M6Iapw9J3jn+lBUPcnK+yeRvSo4ByL9cPfkYbD2viqtIBFBawLZK4MVN6FHagRhzwm2jX9byFLijf1zyF61XNYNrjuXgzFfVj5Fck+R7Z4WxR/2nGDjpxNFRwKynyfbFf7qL0eQmrMQhOkJBBnNZGtLB41ZURNVwl5pFkDfF5VLcfv7yXY/I+Mfe06wEvbfMrKJyjAWUVF8FiFLkL9ndh7u4xYM6b8rzMpW43DQ0JbbM/fVPGxPtGgGtVcWhWnOT00qo8UKjuaeEqZ96tpIngkSJghvOus49PVvSx0AYg51g/BD+LwJQ9ueopOf2LRPnGvBMm5fJ8iywXwlgBPFVGesNWFJ44wL99fRctRfXn/IiGvOqQBOBaMAC0GlzGw/rS0jacyK7SJBiBMk/afJROLf13YnCF7jRCTjXTIKciPDeB6ElwAUM7dj+YhJEH8PFSdIj3MFfMw7oi+mgUEgbQhYuJLaXaGFFnGC1Jx5IFyRttiNPwaBIyLAmE9FN5g2h37ECeKVlgE0ObQF09AgkBoExPfmSRDECV7Q03kOOTWJMI6kFIHtZIt9URciSE5WsFKaO+NWLAgIrmSJESSfK1ix5MUYSQsCYitZYgQxK1hpybLxQxYBwZUsMYJ0l2+HxTfI+mbkDAKJIyB4ylSMIGaJN/H8GgciIiC41CtKkB+BMlbNIyKeRjxnCDB+TEX3P8JGJUYQz/lfAB8Pq9y0MwikEIFHyXY/EdYvQYKYj4RhgTXt0oqA2MdCQYKkvgZSWrNi/EoPAn8m2+0M644YQWrO0yCcHFa5aWcQSB0CjGeo6IY+0yJGEM9sM0ldwo1DoggIbTcRJchuAPm6q08UXtM+6wjsIds9KmwQhiBhkTLt8oKAVoKYnbx56SbNG4fGKZZ5SW/ebpWXyDW/pKe91H1e0mji0IeAxmVec5pQX9qM5pgQ0Puh0Gw1iSmNxow2BDRuNak5ZrOitrwZxbEgoHWzotnuHksOjRGNCGjd7m4OTGnMnFEdCwJaD0yZI7ex5NAY0YiA1iO3pmiDxswZ1fEgoLNoQz4KV8eTB2MlnQjoLPsTRMxmR286E2+8CoOA0DaTQKHQZsUBgphThWEyYdqkEQGxj4RyBDFLvWnMvPEpDAKCS7xyBDErWWFSYdqkEQHBFSw5gqR/JWszwH8Xy4+pVn9wvFjw0lN6N4DRYtjH2VpsBUuOIFlYySJMo4L7s7DQs1e+E+Brw7Zvjnb0TbIr14WNlevOJ8F4OGz7RNoJrmBJEWRwJSu4ZzvFd/fRr8mufCRsEnj9h49B285nQHh7WJlct2O8hN5hJ9P43+4KGyd75V8BPCVs+wTaPUe2+x5Ru8KrWA2C1J0fghG6Op2oU0ras99JxVV/DquLa+VLQfxA2Pa5bsd0GRUrD4aNkWuTzgRZwVmh9D6EH1HB/U9RB+UI0lO+FH7qO9O3yXa/IAII153fg/EBEZnctSX8gQruB0XiYs+5F8DnRWRib2vRZdQenvT7/JMjSH3iOHDL+tiDFDHIvAtoHUPFFS+GFePu8sdhcXDmpXkfnz5BHZVHwwLQuDYbfZtAdExYmUTaUf94KqzeIGpbiiCNaVbN2Zr6OTvR9VSo3CkCCtdKN4PoayIyuWnL/BUqVm8ViYfr5evAPFdEJva2jJeo6I6SsStPEM/5KYBpMkbjk6ENZFfGi9rjurMQjOmicpluT1hEBXeGaAzsldcDPE5ULub2D5PtXixjU54gNed6EL4hYzRWGcbNVHRvE7HJPaV3op9+A0KHiFxm2zK60cLnUXv1BZEYuObcBILQiCOiX1lbxpeo6EqNcvIEqZfPAfNSZUHoU7QbFr+f2qtPipjgp0rnoYV+LSKT2bb9PIVOrf5GxH/uKb0PPv0RQOgqhSL6lbYlOpcKlWUyOqMQ5K1g3gxghIzheGX4MbKrwveacL00DUzBVDK/D/HFVKgKf+Bjr/QoQB/LADAvg2g0FSqvyvgqTZDAGHvO/QAukzEcvwx9juzKfaJ2c00SaXKUrwL4O6JYJtT+AbLdWbK2oxGkVp4K4sdljccqF3wdtuj9VKj0iNrNJUlkyVEvt8PnP6Z+BXNfkpnOp2JliWjO97WPRJDBUeQvAIRXimQdjiQn+TW1EWcw3QLdB8bISD4kLUzYBvBVMtOqARwysIviXxivJ9s9PQrkKgjyVQBzojgRryzfSHb1Dhmb3F06AxZ9C8A5MvIpkFkGn6+hjuo6GV/YK90A0O0ysgnJzCHbvSWK7egE6ekaD98PRpHsPIwrqOh+V8Zh5s42bBz6Lfj4nIx8YjIWvoOxe64hWtsr4wPXnMtBmC8jm5iMZZ1O7Ssj7fiITJDBYfdxMKYmBoSUYf4Y2dVfSokOHD3+DGDNAVjqC62sXXE52gr4c8iufl9cdkCCvdJHAXpMVj4ROcISKrjnR7WthiCeE6xkBStaWXr2wuLRoh/HXh8gP332CejtvwLgKwG8NWXBvwrQPLS1zKdTnnhe1rfGR1OfguX8IbI6EpKbRbYbeXe2GoL0TB4Bf2+wEez4hMCQNStc5eJghrinVIBPV4BwBRgtss4okSP0gzEfFs+n9mo9qs6MVrF5EdaQcdS+/OWo8SshSGMYrjm3gnBTVIdilyfaQAXx/VoHJcqmSWeir2UawBcBGBtzLBsB+gVa+x+mMeHPwRzOR66X14NTv8/qzSEwbqOie7MK/NURZLNzIvYgOKB0rArH4tVBNWxtG0/nLO9TYZd/Oq0F4164EIyLQAj+q2c7BmE3GItB+AU2vHMxXfxwvxL/l01uxajeYBNiUYW+mHW8gqE4k0a7z6mwq4wgjVGk7nwDjOtVOJaAjr1gdFLRfUqlba6ffRLQfy58vwSiSUDkDZDdYF4Fy6oCLUup8MSzSv2tOaeCEJwOzNo7xwAMhLlUcL+kChO1BPG6xgJ+AO4wVQ7Grkew4IOof1wvvwNgB4wzQI2PjiPh89v3/zygcBsY22DRS/t/JqwDyKVCZYuozbDtM1F44fDB7ASsTrJXbgwb85HaKSVIYxSpOfeAIHTU9UhOxv7/JbbIx+6jYoOZ2bp+uLgZ91LR/aJKaNQTxCudBlAwirSpdDR2XYQfo631a3TyE5titx2jQX7m7DHo7fsKGJ+K0awOU70Ad5Jd/atK5coJMjCKlL4Los+qdDQhXS+B6A4qVO5JyL5Ws1wvfxHMNwA5KHfE/D0qVi9XDZgeggzsWVoJ4GjVDiejj34Py7+D2qt/SMa+WqvcU/oAfOsGgIWql6j1Qqm21+Bzl+wes8N5ooUgjVHEczK2iTFMwvhutNEddIq7LUzrtLXhp52R6A1GDJqdNt8i+hN5U+Kh7OsjyJrOo3HM0GAUOSNi8GkT3wjGvWBeSB3VV9Lm3MH84e7SsSCaMbh4EvcHTN0QrcOuPV00Ye1rOgxpI8jAu4gTJOUnOhxPgc4tAC+Cz4uoY9XqFPjzJhe4e9JEWDQdCP7gHWn0MbJPjEuo6C6MrOcQCrQSZHCqFRBEuJyMroD16KXHQFiEF9sWqfoaL+snB1/Bj++dPlC2iLNwZlw21EBuIdnuJVEUHElWP0Fy98J+WEiDzYELAV4La+8qal8bebPckRLY+CXU0zkC/pBJ8GkCrEY9r0IYuYy30fZi/npctBOkkcBuZw4sBC/tzfT4IKyBj7UgXom+vhV02p+kt52/Hjj+63tPQGvrWWDqgoVOMCYAsJoJXPi4hTpc7SdZ4yFIfl/YBfskPwtQNwhbAWwFc/CdZSv6G4eatgJDg38HsGcUYI1CC48C8ygQBdcyjAJjFMAdAJ0kaDhvzbW+mMc+gjRGkbpzLhhBIbZsf2HPW1fLXjy9IEyhghtL0cJYRpB9OeBa6UoQCdemyl4OjcfaEGC+iorVedr0H6A4VoI0RhKvfN/gEdW4YjR2coMAzSO7clWc4cRPkDWdbThmaDDVOjfOQI2tzCOwFLv2TKEJclVZZKOPnSAD7yONC3h+lduPV7LZMHKHQmALqP8jMhfgRIU0EYI0SFIrTwexti+gUYEx8ilCgGkGFSuLkvAoMYI0SNKc30eSyHN2bcb0veNQACVKkIGRxJnXKJdjHoPAgQgw5lPRDWqOJfYkTpCBla0sXOeWWI6a1bD0tWkqAUsFQQZIUloG0GSVwRldWUWAl5NdTUWB8NQQZHAkCUruNMe9gFntu/r97ibbPVW/mXAWUkWQQZIEp/WOC+e+aZUzBJSUglWJSeoIMkgSVhmk0ZUNBMh2U9cfU+fQvlRyvbwZzM2+azUbPTuql0TPUqEyOqoaHfKpJcjgSBLs2EzFy5oO8I3OBgLLyHZTu+0o1QRpkKTuLADj06Yz5RABwkNUcGemObLUE2RwJAnuBbw6zUAa34QRuIts9xphqZgFMkGQAZKUvw7wjTHjY8xpQYBuJ7vyZS2qFSvNDEEGR5IcFqNTnNG0q0t4b5UoPJkiSIMkA7uA7zJb5UVTnXj7LWC6OqldubLRZ44gAy/ujfMkd5tDV7Jpj11uKah/dhLnOaJGmkmCNEjSOJl41N3m+G7ULqBbnuZh1+7ZcZ8EVBVVZgmyD4DBQhDBaGKqpajqFWr09IJ5dpwFFtS4/UYtmSfIwJSrUVLomzkslK0j53HoXAfCtXGV5tEZUC4IMjjlOhpvGXo9LFyXn3tJdKZei+7X4ONO/HPPXF3V1rV4fRiluSHI/inXQC3g4KbdnBfMjrurHNHeQvg8V8clNke0rLFB7gjyr3eTxtULAVHydj+Jxu4gpXodGHN1XkEg5ZUiodwSxEy7FPWQQ6vJ3XTqYKHmmiBvmHYRZoEo2BhnVruicSdYnQo2kN6ft+lU0xJkP1GCK6qZZoIQEGVYtH7SdNI7wVgA4gWqr1pOM5JNMYIcmAD2usaC/JlgXArg2DQnKAW+vQLCg2BrAdkrN6bAn1hdaEqC7B9RNjsnYjcuHRxRjo8V+fQbe7ExYhyFB2m0+1z63dXjYVMTZD9ReiaPgL/3QhAuAGOqHqgzopWwBIxHYA1ZTO3LY7lCLs3IGIIckB3u6RqPPv9CWLgAwPg0J0+hb+vh4xG0WoupfeV6hXozr8oQ5DAp5Fp5KogDolwIYETms/3GAILRYTGYHqFiZUnOYlMWjiFICCh508Th6G2dCIsngjERhOC/2ardRdgOxmoQVsOn1WjrW01jVu8IEX5TNzEEkUw/e12dgO+AUQbggHCCpCo9YozgRl0XhApguWSvXKvHUL61GoIoyi9vOus49PV2wLKK6EcHiIsABWVUdY8024OLJMBUQwu64fs1tLZ105gV2xWF1tRqDEE0p/8NxOmjE0A8HMBwEIYDwc80HIy3Dfy98Sd4doCxA4R/ALwDoIG/N/6ddqCVnzdE0Jy4QfWGIPHgbKxkFAFDkIwmzrgdDwKGIPHgbKxkFAFDkIwmzrgdDwKGIPHgbKxkFAFDkIwmzrgdDwKGIPHgbKxkFAFDkIwmzrgdDwKGIPHgbKxkFAFDkIwmzrgdDwKGIPHgbKxkFIH/B3Ee+jIZRQusAAAAAElFTkSuQmCC"
					})
				}else{
					this.arr.push({
						value: obj.sz,
						symbol:"image://data:image/png;base64,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"
					})
				}
			}
			this.option={
				color: ["#21D19C"],
				legend: {
					data: ["高于行业均值", "低于行业均值", "行业均值"],
					align: "right",
					right: 10,
					// bottom:280,
					textStyle: {
						color: "#333333",
					},
					// itemWidth: 10,
					// itemHeight: 10,
					// itemGap: 35,
				},
				tooltip: {
					trigger: "axis",
					axisPointer: {
						// 坐标轴指示器，坐标轴触发有效
						type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
					},
					formatter: function (value) {
						for (var i = 0; i < value.length; i++) {
							return (
								value[0].name +
								"：" +
								value[0].value+
								'<br/>'+
								value[1].seriesName +
								"：" +
								value[1].value
							);
						}
					},
				},
				grid: {
					top: 30,
					left: "2%",
					right: "2%",
					bottom: "3%",
					containLabel: true,
				},
				xAxis: {
					data: [
						"温室气体排放",
						"废弃物和污染物排放",
						"资源使用",
						"员工",
						"政府",
						"供应商",
						"消费者",
						"社区",
					],
					axisLine: {
						//y轴线的颜色以及宽度
						show: false,
						lineStyle: {
							color: "#FAFAFA",
							width: 1,
							type: "solid",
						},
					},
					axisLabel: {
						//y轴文字的配置
						rotate: 40,
						textStyle: {
							color: "#404361",
						},
						// formatter: '{value} %'//y轴的每一个刻度值后面加上‘%’号
					},
				},
				yAxis: [
					{
						type: "value",
						name: "Precipitation",
						// min: 0,
						// max: 100,
						axisLabel: {
							// formatter: "{value}.00%",
							textStyle: {
								color: "#404361",
							},
						},
						axisLine: {
							//y轴线的颜色以及宽度
							show: false,
							lineStyle: {
								color: "#FAFAFA",
								width: 1,
								type: "solid",
							},
						},
					},
				],
				series: [
					{
						name:'高于行业均值',
						data: [30,20,27,18,40,32,21,15],
						type: "bar",
						barWidth:'15%',
						label: {
							// show: true, // 开启显示
							position: "top", // 在上方显示
							distance: 20, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
							verticalAlign: "middle",
							textStyle: {
								// 数值样式
								color: "black",
								fontSize: 12,
							},
						},
						itemStyle: {
							normal: {
								// color: '#00C087'
								color:function (value){
									if(value.data>=25){
										return '#00C087'
									}else{
										return '#FE6E55'
									}
								}
							}
						},
					},
					{
						name:'行业均值',
						data: [25,25,25,25,25,25,25,25],
						type: "bar",
						barWidth:'15%',
						label: {
							// show: true, // 开启显示
							position: "top", // 在上方显示
							distance: 20, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
							verticalAlign: "middle",
							textStyle: {
								// 数值样式
								color: "black",
								fontSize: 12,
							},
						},
						itemStyle: {
							normal: {
								color: '#E8E8E8'
							}
						},
					},
					{
						name:'低于行业均值',
						data: [],
						type: "bar",
						barWidth:'0%',
						itemStyle: {
							normal: {
								color: '#FE6E55'
							}
						},
					},
					//重点是下边的代码
					{
						name: "glyph",
						type: "pictorialBar",
						barGap: "-100%",
						symbolPosition: "end",
						symbolSize: 30,
						//symbolOffset可以控制icon的定位
						symbolOffset: ["-100%", "-108%"],
						//this.arr格式[{value:'数值',symbol:’image://‘+'base64icon图标'}]
						data: this.arr,
					},
				],
				barWidth: 40,
			}
		},