柱状图echarts end' }, { value: 85, symbolPosition: 'end' }, { value: 112, symbolPosition: 'end' }, { value: 275, symbolPosition: 'end' }, { value: 305, symbolPosition: 'end' }], type: 'pictorialBar配置项内容和展示
配置项如下
var huanlan = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAMCAYAAAD/AZRzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ5NTNDODc3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ5NTNDODg3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDk1M0M4NTczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDk1M0M4NjczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrIS7YEAAAIISURBVHjapJU7SwNBFEbdTWLiI6KSqKC2KlaCiJWPRrASFHttLSW94j+wUlsLCxGxFUGIsRIbK0lqFXyh4ualSXb9LnwLw7DZrDpw2JBk7pyZe+euMbNRagowWsEwGCF9IAG6QDdoAQZoByawQR44QBZ4A+/gFTyCLMmlt2LFRosbdSRl4XkwBSbBIChywTL4JlVSo5ijxqZwCIRJM4lxY7L5O3AFLsEppN/8JCXgIlihYJ47lxOwQIGSXxSsKJK2j6SpSEYoGaVkG4gzIwlm4hTsgxMI26rkNNgFo1zgnml5Yao+fSRrxFEwFELKaXpJdjBzSZbRAB1uwRpEMzJxARwziIxn8shnUEm/dPtJFhizxjnyew8P7Hx2s7wU5gm6gg4n5RUsPgtaTVa0erQ9TtLU6tKVrChl4oq1co2CEkPm7Jja7usNp8H/nH9+7xfbENMUOOBuDaagjUVc5Kk5ygWIMD1VnkgtwMUJcV6YqdYvTpzruWsbjCGxUzLpkPW3DcZYwKpYVKkdtyb/IqmmO6ZJuhenl08ZN2AdFyft1uIFGAfLYBXMsUbk5n0EuDi/lazXgjrpsgeO9BakjyR7pbSmCdDvcXG+PfqkrcQwPfpks8dJPoBrkAFnEHsK+sbRR5yvQ2kLQ+xlSe68hb/b/BzhKZcoaPHzB/uuSOXYB7OQshot/iPAACeV1NNGTW9NAAAAAElFTkSuQmCC';
var huanhuang = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAMCAYAAAD/AZRzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQxMEQ4OTA3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQxMEQ4OTE3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDk1M0M4OTczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDk1M0M4QTczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu30hcwAAAIfSURBVHjazJVBTxQxFMdfXzuuJkBCIiTG4A0hniDxKJGLxLuJFy8e/AJo+BhEbx44ezF+AuBA9APoicBdAjEkJMpFd9v6f9N2pp3dBYMxcZLfvtl2u/3N6/RVua2n9AfXJFgE98BdMEfe3SbyN8m5CcTp+lfeT+FTA0tKfQ9D1RkxnyOekuIjNHwFh2AfHIAfl01uxrTPgsdgBTwg218kb4mc4Ki+9x44MYv3Ph8votMQhZvCA0hkCt/RxRy+M6bXlQh/imyDk4skMYqegOdgDbMaGvxCTvoBN4jYVs5lkuRHPKsKYhJFLMmyDrK6EtEFMhXovUCj/OFH8BZ8AC6XfAheg+WwbOgb/GxpJG3IYp3NTibDwFKwDoqKTNZZ1EHUmiDqe+E/TI/xu1UMEL6AdbAnkvJSviuymgsOSboQhzJ5iWTKZJ3FmE1Oq5Jd1Y10twR2wTMR2ywEZVASKbJnO5lMgnGSQlRlrjGL1oUo/ZLJpp/jPCbObfN+udnktO7/8yWSG7LAxZNxfGdk96WXvNumTWzPInejaft1t3/EGMVllqWUEb2SZX4ft/2bZuPoa2VJqZdED28c/suNw3HjmF5Le30GL9PGobjt7zclSPEjqq5XTS37tyUIclF0TAlSY06cmayYrwwX84zRxTzbNJ1Mji/mIrczqpirKxyL8+AOBG/BbAbSk9mxOCFFBPQhdN45Fr9B7Pgqx+JvAQYAXesOgUTRiiAAAAAASUVORK5CYII=';
var bghuang = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAB4CAYAAABvstukAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQxMEQ4OTQ3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQxMEQ4OTU3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRDEwRDg5MjczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRDEwRDg5MzczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpGevsAAAAdCSURBVHja7Jw7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';
var bg1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAACSCAYAAADYbeNAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ5NTNDODM3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ5NTNDODQ3MzVGMTFFQkFDMUFEOUMzODhEMTdENjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDk1M0M4MTczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDk1M0M4MjczNUYxMUVCQUMxQUQ5QzM4OEQxN0Q2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0mC4QAAAPbSURBVHja7JzdatVAFIVnkjmnrV5UEX8QBX/AC73QN9AnU/pmfYHitSBeKSIVixTbapuMezwzh93dvSdJbW2RNbBITn72fFkzk5yr5V++3r/nnPvoLqhtbqxWz796c/Ag0PYF6SrpPalzl6QRXGJ7Qnqcdnz+cZ/0gfSJ9PMC4VZok0b3EemPzYGdXyM9Iz0lfSVtk3ZI38/TYYJqaLNOuk66meX5NUG5z7OLU4ukXdIP0n7WQd4eMaV2KGrN2DZpns24krWWAdvag4TKuQTXZ63kDq7l4/Kh/EAdJ+7zTH0+1lh1LMijPMRFBTgqkE4U9+Ia63qfwYrarDAEGfOQHTHQnm2jcMYrkJaTErJRIEPuZ8ZrBgXwUMy1jg275qY39i03LReDqD3XILsMpUHKYecdj4GsDXWrPHw5HzhkFGBj3LTmZG24vQEZDMh0zgfmYmeAluPWkPsRr8NYcTGKek3ur819hwLZi2GV0J1w8zSQXlk0vJ5ngA3rz3HIfgC2qyyesXNSOhmN1c55lku+HwHaGa+iKc0ziHZgIS0VxJdFgvbnABmVN0IZ3lbhiEFM3Ci+Lp3xAP1fQjbis9gpr6KlQgWwr7h8WsiGvWc5ZDQAXYF0la9EFPvRKORHru6eLRitvrZv/sGIxr8YC3KKq7V7o2W/G/m1OM8Wh+bIpW+ABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIM8I0v8jDv/fOukvG6RX5Izj/gyHV0bwmX2HCsyQTgum1eFmNRI2uJNxYVpYIE/xKlNkaqiRF/Ws3yf2gwLSOj3RMLrjYZYyESyOmN/NgFSDAru5dSezIHlKV+uOZ1b1E1x0wqG2oiqkdnNQHOtYZ2OHW869doQK0zJoqzUAZTSZjBmLE53UIMMA7BLS5/1aCp0XC6if6KQV6Vg0Y/vczWORZdK9WtCqFgAXRw63BanJSchGgZRxjFZYpgbrK68gGdRanORqOSSHCaJDPoe0RE83cl5awy3dnDNIxyG/kO6wYzOlIE/WHOukdNNyUnOTt7104i3pOemugJeFrDjcOHJOWk622jzMLUWeboXs0pZbhFs/JN1mkHNWhENq4cJTIeWQc9dT7RRf/m5zY/WAk+9kpZtvkG65RQzzeoaNTg9vjROHW35+S0t51N/cIlj7M8EdaqubP8V2VimewqhT5nkJp14Tk1x+uXgtrgTyKyvFke+5RXD2bnLMGobfAgwAL5ute2mhp/UAAAAASUVORK5CYII=';
option = {
"color": ["rgba(77, 129, 228, 1.00)",
"rgba(77, 129, 228, 1.00)",
"rgba(77, 129, 228, 1.00)",
"rgba(77, 129, 228, 1.00)",
"rgba(77, 129, 228, 1.00)"],
"grid": {
"containLabel": true,
"left": 20,
"right": 20,
"bottom": 10,
"top": 40
},
"xAxis": {
"nameTextStyle": {
"color": "#c0c3cd",
"padding": [0, 0, -10, 0],
"fontSize": 12
},
"axisLabel": {
"color": "#c0c3cd",
"fontSize": 12,
"interval": 0
},
"axisTick": {
"lineStyle": {
"color": "#384267",
"width": 1
},
"show": false
},
"splitLine": {
"show": true,
"lineStyle": {
"color": "rgba(255, 255, 255, 0.1)",
"width": 1,
"type": "solid"
},
},
"axisLine": {
"lineStyle": {
"color": "#384267",
"width": 1,
"type": "solid"
},
"show": true
},
"data": ["西丽街道", "南头街道", "南山街道", "沙河街道", "蛇口街道"],
"type": "category"
},
"yAxis": {
label: {
show: false,
},
"nameTextStyle": {
"color": "#c0c3cd",
"padding": [0, 0, -10, 0],
"fontSize": 12
},
"axisLabel": {
"color": "#c0c3cd",
show: false,
"fontSize": 12
},
"axisTick": {
"lineStyle": {
"color": "#384267",
"width": 1
},
"show": false
},
"splitLine": {
"show": true,
"lineStyle": {
"color": "rgba(255, 255, 255, 0.1)",
"width": 1,
"type": "solid"
},
},
"axisLine": {
"lineStyle": {
"color": "#384267",
"width": 1,
"type": "dashed"
},
"show": true
},
"name": ""
},
"series": [
{
"data": [200, 85, 112, 275, 305],
"type": "bar",
"barMaxWidth": "auto",
"barWidth": 30,
"itemStyle": {
"color": {
"x": 0,
"y": 0,
"x2": 0,
"y2": 1,
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "rgba(254, 106, 0, 0.8)"
}, {
"offset": 1,
"color": "rgba(254, 106, 0, 0.8)"
}]
}
},
"label": {
"show": true,
"position": "top",
"distance": 10,
"color": "#fff"
}
},
{
data: [{
value: 200,
symbolPosition: 'end'
}, {
value: 85,
symbolPosition: 'end'
}, {
value: 112,
symbolPosition: 'end'
}, {
value: 275,
symbolPosition: 'end'
}, {
value: 305,
symbolPosition: 'end'
}],
type: 'pictorialBar',
symbolSize: [30, 5],
symbolOffset: [15, -2],
symbol: 'image://' + huanhuang,
z: 12,
},
{
data: [{
value: 741,
symbolPosition: 'end'
}, {
value: 741,
symbolPosition: 'end'
}, {
value: 741,
symbolPosition: 'end'
}, {
value: 741,
symbolPosition: 'end'
}, {
value: 741,
symbolPosition: 'end'
}],
type: 'pictorialBar',
symbolSize: [30, 5],
symbolOffset: [15, -2],
symbol: 'image://' + huanlan,
z: 12,
},
{
data: [200, 85, 112, 275, 305],
type: 'pictorialBar',
symbol: 'image://' + bghuang,
barWidth: 30,
"barGap": "-100%",
"symbolPosition": "end",
"zlevel": 22,
},
{
data: [741, 741, 741, 741, 741],
type: 'pictorialBar',
symbol: 'image://' + bg1,
barWidth: 30,
"barGap": "-100%",
"zlevel": 22,
}],
"tooltip": {
"trigger": "axis",
"show": false
}
};
截图如下
