柱状图

描述:当前是关于Echarts图表中的 示例。
 
                            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
                    }
                };