var imgDatUrl = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACYCAYAAACWNKsYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMxNTYwMkI2MjA2QzExRUFBMUI0ODNDRTY4RDAwQzk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMxNTYwMkI3MjA2QzExRUFBMUI0ODNDRTY4RDAwQzk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzE1NjAyQjQyMDZDMTFFQUExQjQ4M0NFNjhEMDBDOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzE1NjAyQjUyMDZDMTFFQUExQjQ4M0NFNjhEMDBDOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6RK8/SAAADq0lEQVR42uycO28TQRSFZ/1+EtIRSAMSDxcUCDp+AfyHgNJQoEi0FJQpKJEgDU2k8B/gByBqCqKEhwgVpMWA347NOeu91pDYsYOseItzpZNx1p6Zb+7O3OlO0O/33aTY3d1NoLkMXYeuQRehC9AStACdgUpQOurSgf5Av6AqtA99h/agj9A29KVSqfQmzR2MAwTUJTR3oTvQ7VQqtZDJZFw6nR4Kz1wymQyVSCRcEARhX47Z6/XcwcFBqG636zqdTqh2ux22eEbwd9Ab6DVg9yYCAqqA5h70AJPeIFA2m3W5XG4IYSDW+vKD4/oisLUG32w2XavVCoVn79HtJbQF2PoRQMAR7CmAlgjFDBnQYc0C0BdhmVWCIsPcDo8BuRUC7uzsJNFu4nWtGJgBnCagfbatgC3wCsOspvDnCeH4GjnpvINbiYvFYlYA/pVED5m1uAUPINkIGLj4RkDAt3zncQuWJrIlBvu5Hx55btZ5BxlYK626EPAW6x3feb1ed41GYy6gVhcpHtboXNzkTjzHU8PTw4dMba1WCzv5hXrWwQxZkWbGGJy/WCwOSw6vUgJmhzsSoAbEAQjLjFar1XABx111lB/jrjq77vjcxiuVSuHcHphFJnVcPbIVMeXsyInsVTDLfoE9NPA/hd0WwAXl83lXLpeHY/qFemS5OUld4opneZNMEwkX8xCgAAUoQAEKUIACFKAABShAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAQpQgAIUoAAFKEABClCAAhSgAAUowMkxtfcbjenMnM5a35zOPN4Y5gU3ypzOHPemNQQdC8jJ6Q1odny+vR/t//7XyZaue2x9e7/IkHMyoJkWmmEhB6Ad3+Li4omcbP3vzSaQvobjnGzpHMnfjoLlf7/RscxV8seEoueg72R72LpvFmFmjJyHSTAnW2bY5ka0CbiPjJXZoVAoDJ1sTzuYafMcti1ANmJ2CWRfzjtsr0dRI+ByjJ1slwnYinEZbBFwI8ZOthsEXKe1ctycbNHS7nndN8xeRfMcR784Z8NsunmvVSqVzbAcjbAcfwbdx2nKnJbleJQx3g508X400nLcD4DynK9BK9BVKG8+rNM62do1N87JNtpjDegTxNf5AmDtIwX9BLb3V9zA9p7AZnt/HjrrBpb3bC2NHPSnG1jfs/3hBrb33yKgD9DnaWzv/wowAGql2eHamDT6AAAAAElFTkSuQmCC'
var imgDatUrl1 = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACYCAYAAACWNKsYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjU3NEZGQzYyMDcxMTFFQTlDRjQ4NEYwODc0MUI1OTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjU3NEZGQzUyMDcxMTFFQTlDRjQ4NEYwODc0MUI1OTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdBMkY2MDYyMDZDMTFFQUEyRkRDQkFCNzkyRTZDMkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdBMkY2MDcyMDZDMTFFQUEyRkRDQkFCNzkyRTZDMkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Mw210AAAOfElEQVR42sxc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'
//图片细节没有特别处理，简单实现下效果
option = {
backgroundColor: "#38E8D6",
tooltip: {
show: false
},
grid: {
top: '20%',
left: '5%',
right: '5%',
bottom: '15%',
},
xAxis: {
data: ['A', 'B', 'C', 'D', 'E'],
// offset: 15,
axisTick: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
color: '#6E4FED',
fontSize: 14
}
},
yAxis: {
min: 0,
max: 100,
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
show: false
}
},
series: [{
type: 'pictorialBar',
label: {
show: true,
position: 'inside',
color: '#fff',
fontSize: 14,
formatter: '{c}%'
},
barWidth: '80',
symbol: imgDatUrl1,
data: [49, 80, 67, 70, 40],
z: 10
}, {
type: 'pictorialBar',
barWidth: '80',
symbol: imgDatUrl,
data: [100, 100, 100, 100, 100],
z: 5
}, {
type: 'pictorialBar',
barGap: '-100%',
itemStyle: {
opacity: 0,
},
barWidth: '80',
data: [100, 100, 100, 100, 100],
z: 5
}],
};