echarts 带排序

option = {

    grid: { left: '17%', top: '12%', right: '0%', bottom: '8%', containLabel: true },

    xAxis: [{ show: false }],

    yAxis: [

        {

            axisTick: 'none',

            axisLine: 'none',

            offset: '17',

            axisLabel: { textStyle: { color: '#ffffff', fontSize: '16' } },

            data: ['重庆', '山东', '浙江', '江苏', '广东'],

        },

        {

            axisTick: 'none',

            axisLine: 'none',

            axisLabel: { textStyle: { color: '#ffffff', fontSize: '16' } },

            data: ['227.93', '250.97', '282.79', '346.94', '412.48'],

        },

        {

            name: '分拨延误TOP 10',

            nameGap: '50',

            nameTextStyle: { color: '#ffffff', fontSize: '16' },

            axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },

            data: [],

        },

    ],

    graphic: {

        elements: [

            {

                type: 'image',

                style: {

                    image:

                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYzQ0NDMwZi03MTA0LTVkNGYtYTQ5Zi1mYTg0ZWI4MmZiMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI2ODAzNjQyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI2ODAzNjMyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWUzN2RmYjktMzVkYi05OTQwLWIwMDMtOWE5ZmFmZmFkODkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjNDQ0MzBmLTcxMDQtNWQ0Zi1hNDlmLWZhODRlYjgyZmIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkr91pgAAAQCSURBVHjaRFRLTB1VGP7OmSf3MnBLeUh5lUJSSR8SHjapGAkaFzSFqGxr4sKFMTGp7nRjFy60tZbEhEUXmlYStS6N0VUxurBBhRRTebVgKZRbLqX3PXPPnHP8595WT+acOZk5//d///99M+AMMKIluli0VkZfd6LvyvnRK8HmuSC7+kFm6sOXpo4f9I4/eR+dpQleiYMRLWDlPdcautkzms++MXD24kenLw6d7h0ySnnDjlnOwPCRgdGTHaNxQ8XX7+ysp32VLmPwSnIjAjE5s7gCmxg5ODH58djkmbeGz3i1roc7y9DLs8D9VbCQI3GoPTFy6vjI8GDLsMjkxcra7gqFaUUEDNNgJpMaF95/4dPzF175pLWnpRX/bECv/w3c+x2o7gDreht64waQXAQrAc29nc3j48fGEwYSP86s/cSoLpPYGHFLV4+//PQYa6hmenYeSK0DwR5YwyBwYgowa4H1b4HcA+hCDqyYpib2Y2igbajGgZdTLGdSo43auFGbzfpZ7GWgHt2HLuYBFYLZB8A2r4PF2iGJPxSgwwBGMQOeL0KIUNTEjJpiAUVOXecW53YohIRSkFSm8AOE8FBanEbpj3NQmkMGGmHRp3clhDQhQ1gmsyyT2wZhmFHHKZdm0UpTlkoQhQIY4SJ0SN4ETEoQ+j4UPdfaBmIF2ErQXusndjD/80XEm4CIGUq5HLirqIwCDDeAwxyIIIQkIGhBvcpSErr/j1MBiswlw1CTktCEV0pnYJSIEafpFxHmU5B+ASKbpVgHZj2FccC2KEe5IAKKPCCkFo7NXNgasc5uSBEg2NyAzFMp6i7S378Omd0llh7i3T2IdfWQLSzEHB0LlZZRawzDYIZrcrepxmzsafeOxJrqnKqWDtj1jcTUgNjbIZAduO2HkBgcQqz7MHiVg9Tqg9T0Nzenb/z18LdcoLJGRMuxubOwvLugtlLqZKN+Dq4Ns7EJzoFWWLX76N4B75l+mHX7oTOPgKXbuDQ1+9nlH+5eLkoU874slIEkqZ72ddrR0n6tTU2Ye3tcBQHRj8Fqegp2QyMdktC318GXViG2UmLyeurS/FYwXxK6JKQSZmQzXyg/+mCTBSRljUfyCJPdWgG2d4DDnSDDgC2u0SeSAjwXIZ3ZzuttP5A++ZBFPaqo9ljIjZSfVbYl4bpgVS499YFbS5HSynQ1Zy11dNikzFJuPAyyFcUjqXUkIlF6bIejHfFQM87RWAXsc3Hznl549+vN98Y/Xx279mfhu5CZIZpj4Jxbx9ristIWXY4v/0ue7fbw6ol6nOrf31vvmXNzW8Vfr80kv/jql+RVEUYOrIyRo4kX3xxteef5ruqxdEH2Xf05ORf9FL+c2ca/AgwADQTpSGvplRcAAAAASUVORK5CYII=',

                    width: 21,

                    height: 21,

                },

                left: '0%',

                top: '15%',

            },

            {

                type: 'image',

                style: {

                    image:

                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYzQ0NDMwZi03MTA0LTVkNGYtYTQ5Zi1mYTg0ZWI4MmZiMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI2ODAzNjgyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI2ODAzNjcyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWUzN2RmYjktMzVkYi05OTQwLWIwMDMtOWE5ZmFmZmFkODkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjNDQ0MzBmLTcxMDQtNWQ0Zi1hNDlmLWZhODRlYjgyZmIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhFO2L8AAAPESURBVHjaTFNLbBtVFD0ez4zt1CX/j+2EfJREigIhNAolDVIKZYUaQyWElC0bmg2LsERkRxdICKSiVhELJChhAwhFdIHa4Lhpg4PAJjaU+tOkJHUESaiJ7XjGnhkP904zUa709N7Me/e8e885D6BwOBw4nB8vKDo7nzz1yeXLn1cqlXJ+fz9/6f1LV/1+/5C9b589lnL0U+C1LMu+6enp99LpVNakqJTLph1/3r374OJbF9+tOXGi41jqEZJDEASZZunFs2ff+PHmYsROjMcT5rVr8+Y3335nppOpI8A7t1eik5OTb1KOl3AkxnASiFitVjE7O/vh3NzcB719fe1bmw+xFL6F9Po66urqYBgG7qVSyGa3rVaGn33GNzU19Srl1oVCoR9odoi04WTk4GQw6HK5HKurPyP++x+UrOPlcy9BlmS43G5sbGwgsrqKh9vb2N3dxfj4GZwZG3uB8k/SKIrOx1Gby+UKhl7F+sYD/JfLoaOjHdtUwS+/RtHW1obg+Vew+dcmMlTlv49ygAkoJUWTJOkJ6lYRmWQCkkulkkEC0YGqNbLZrFUFkQ1fWysTCUVV6FuFqpRorjDVEudS64JwSL2p6xp4MFixWIBGc1lVWUWcPv0cQqElZNIpusOg/SKBlqDpmmmLJtjS6UQoD03TQNUhn89DpQouXHgNOzs7uH79e4voMlVUKOQJSLVEsMOuyFEmvzAIKWCBiKKImZkZ61AkEsHAwABYXVUtg0Sx1tSWCxZbgMi+oJ+a4BTczENvXy/ydKNTcFqVqXTzxMSEdXs4HEZXdxeeHhqC2+NmcmsoncsynSy/KDrdHo+nJdAeGPT5/a6enh7IdGt4aQnLy8uIxWJ4REoODw9j8KlBeGpqQC7f+2p+/stkMhXRdb3AQJAk2ZVM3kuk0/erVPa413sS9K7Q2dWF+vp6EDhGRkbQ3NxMfO1i5c4Krl658hGZ8VOiQqH3WGIzgssj1H1dq8jEzetbW1sCcYaGhgb4fD60traSojqi0ShuUXupVEpLJBIf01v+jYxbYWqYoyqRrDIeqfZPY2OjriiKGFpcRCaTwfNjY3BJEn4iwu/Tt9frRVNTE+Hqf2taRWWhmGfR9hEFq1Ug3xh8mEexUMDNGzdQNYwqKxwIBIgGibxWMfjsofLmkfwMwkEt6NSzwLzU1tbi4OAgQa28s7CwECSnf00gOlXMskstLS3G8VzLlkws+6S/v3+Y1Ivt7e3djsfjnxEPX5Dsmm267u7uc6Ojo2/T+SBVdWptbS3GvmNV/xdgAC1TFz8mPZV3AAAAAElFTkSuQmCC',

                    width: 21,

                    height: 21,

                },

                left: '0%',

                top: '30%',

            },

            {

                type: 'image',

                style: {

                    image:

                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYzQ0NDMwZi03MTA0LTVkNGYtYTQ5Zi1mYTg0ZWI4MmZiMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI5NUQxREMyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI5NUQxREIyMEEwMTFFQTg0RDI5QjEwRjkxREY1RDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWUzN2RmYjktMzVkYi05OTQwLWIwMDMtOWE5ZmFmZmFkODkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjNDQ0MzBmLTcxMDQtNWQ0Zi1hNDlmLWZhODRlYjgyZmIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrY08bcAAAQpSURBVHjadFRLTFxlGD333v8+586DGQaGgQEqBUpNSyU0RkOUgDFxoVEhsbVGExdNjIlx4UIXxkRNdKeLrhsX2gYjNAZtY5q2qdBHUlLkOSBQGIZXGQaYgXnelx/TmnShf3Jvcm/Of875ngL+5xwJyE1nO+o+/v7NE+fPtEXO+pnjSaZyq8mCvftfeO6Jxz740eATm3taq3t72urePRb2N5mWAUEQ4HACxuKbU5dG4z9emlj7dWHHiD7BAY7ekgMUw6pQ9Xpb5NTb7bXvtdZVtMK2sbK6ipXlGCRFQXVNBKGKIBHymIhvTfaPxi70j8b7llLmInEwjgFi77Hwax92t3x6oj7Q7jgcNrcSWFmcQ3ItDl5S4RApR84C1bUIVhFhqAISY5heTU5/d3X6y77RtX6BjGnf9LZ/9tKzzS8nEmksLswhPj8DAwzHPzqHw298gEjXKTgQkYjew+72FvYzWUguH47U1wTzBWNvYDx+lakOvBkTFkyeABmkUzvgeIbyo89BVHTM/fAFtNAhNJ7+HGYqgd3oMPL5Aoq2UxIrHjix4WWyAMmwYFtMIRU3VI8fkuZGNjaG2XNDlEQOenUDHLMAUZKhun2E80CQFDDFBUVSJEmAyGwODs8kTlA0iC4dsuaCaZAO5wLcZajsegflbV3IbSzD3tuArHsgqi4iksHJCiAwKgDAU/DgmAgoKgEOiNwlZ6IoQaCId+4OIHbxW0j+MKq7T0NSCUcEvKhSvVVwgugccDAi4xxecHAQmqYTiKpkmXAffxF640ls3/qFVEW6KFGnUcplDYwEGTkHCSqqJpaIbEqzprsYyvzQTAf+OhuZxAbsnXUC66jp/aTUdfvz97A/eQPeqlrowRq4fX4gGITH51VNGxYzJZjDY3NjbUcbX4jU1YeDvkAJnNlaR+Z2H3YNo9RHjLq7vL4ZenmYQtfJnYmFkfGly8Mjt3iJcwQvgzb1YC02Nf7XA30/2eTRtHJvZRhqKAK9rBKMqiNRgv31LVS9egi8gPW/Z3F9cHD6q/MDX1+5H78micgKFpW+6CCfzRbSFenYM3sL0ebUw4eQiMAdqoYcDEENVEKQZWzOzmD8j98xdu0yorMzd66vGz9tm1jLGciyAlCgcc3nOEHwBbz7An0u3R9CbHIUda3taOnohEQk0eGbFModWLkU5U6BP+DLFJZSqznbSlGuqYUfT32i4KRVmeU1TYbbo8HIG0iO3sTt+QnYBHPSCXhdGjivHwbdFLNWfjPv7DmPNoDN/t0nDT5m0RxaKrW6T+aRFmnKs87IjfGNn+P79lznIW9Pp19+Nexm3lTRRqJoOQ1eZke3i492yWEfw/NhFR01iqhL/AWe41+Z3i7+9mc8e3F4OTdoPnZ8cJ4OyK3dT2nvn6yQ3wKcoaxhn7mymC3KAod/BBgAlnejbu2OXHsAAAAASUVORK5CYII=',

                    width: 21,

                    height: 21,

                },

                left: '0%',

                top: '44%',

            },

            {

                type: 'image',

                style: {

                    image:

                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYzQ0NDMwZi03MTA0LTVkNGYtYTQ5Zi1mYTg0ZWI4MmZiMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk0MTVDMzEyMDlGMTFFQTg4MjJFNjM1MkQzMDUxQTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjk0MTVDMzAyMDlGMTFFQTg4MjJFNjM1MkQzMDUxQTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWUzN2RmYjktMzVkYi05OTQwLWIwMDMtOWE5ZmFmZmFkODkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjNDQ0MzBmLTcxMDQtNWQ0Zi1hNDlmLWZhODRlYjgyZmIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpFo0EEAAAMaSURBVHjabFRLaBNRFL0zmcn8khpN2vz6MZa2tsXSgO4FUYq6KIUigrrRoog/KC7EhQsVFFx0p+CuIIiCupL620jRomDV2jRJ08aYVtM0/ZhpbGYmH++bxJJMfcNh5r1773n3nnffUMViEcbHx4EM8k1RFBTxoYBy49I1xF7EMOIW2gvEjp4ISo/x+/36m4bNoxVxg2HYKVGSTksWa5sgSjdNJtMUrp9BuP4TU0V0GPEKdwxZJOtVTVO3RGemIRIOQDw2q28gSZa7+I4gHiHaK4mYiu/bNE13CIII0dkIBAMToCoK5HI5wGzAarVCR1c3uNxe6U8m04/+ccTgpoywfkkQRYhFZ+DTxzHIrq/rep27OAj7ew6CLMswNvoWkokEiKJE/J1EUyORjWXNnjV0DgUn9QWSxb4DPZBO/9bn/0QOTH4BLJvYfaW1aqI9HMexqcWkHsgwDJDs6uqckEwubBBxvAAy2pdSKTBzXDcuW4xEfcRRVcuaINGRo8fh2ZPHGzsWCoXSO1/Q/VBPEaeHjEQniSOPOzImBnw7mkFRstDb1w8NDU06Wlp3ljcxgSAIkM/nSdyA8dTuKYpyvs7pApvNBlOT32BmOqwbiE5khEIByGkaeOobYJu9FjRVJcsPjUQXUH9BtFhPdXb54cP70Y0uf/NyBMXVsLQ8YB9B5y4/mHk+VyBVKNnh//XRgLy64vA2NvXuxjLDwQCsLKeAomkUmQe7oxbaO7tgq90Byfn49Rp77fCmhoxOfC5NWFarb22H7c0t4HR7sWd+6iLjFdGJWI6DhbkfMBcOes3896q7VplR4/qa3L84HwfGbMbTyYPbU7+A5SUKxaIPG7QmsybDYjxGSiYiX0EsV2VEY/ORC8lh72RWVyCG10NTlISzydfmcHnSSO5b+jU/jX6mHIrM8jz+IoonMGbIePyO0g70U9TkvorXQ1N1IdNle1RTsiOEBHvsDpK8I3cTYTWKbUMcQzzAtDkTyw5gec9TWCYBGZwgvsCTJA14uRxzCeFEyJVEkTLIUIgTBn01/HJeI85WzIcqjX8FGADd4jxfrlhgUAAAAABJRU5ErkJggg==',

                    width: 21,

                    height: 21,

                },

                left: '0%',

                top: '59%',

            },

            {

                type: 'image',

                style: {

                    image:

                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYzQ0NDMwZi03MTA0LTVkNGYtYTQ5Zi1mYTg0ZWI4MmZiMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk1RkNDRkUyMDlGMTFFQTg4MjJFNjM1MkQzMDUxQTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjk1RkNDRkQyMDlGMTFFQTg4MjJFNjM1MkQzMDUxQTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWUzN2RmYjktMzVkYi05OTQwLWIwMDMtOWE5ZmFmZmFkODkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjNDQ0MzBmLTcxMDQtNWQ0Zi1hNDlmLWZhODRlYjgyZmIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi9L0isAAAMrSURBVHjabFRbSBRhFP52dmZnZ2bX1F1d7yaRooEoaWFRRK/1EIagJPZgYghFED1EDz1UUNCD9FCJBCEE0UtvkWQvISUWXhLvl3Vdt7zmZbXd2dmd7fzjhXW3f/mYmf8/5zvnfP85a4pGo+jv7wdb7N1kMiFKPxNMmbR1n3CO0EF4TOc6OydLgsnwKS8vN54cElch4SHPC6OyojQrNnuRJCuPzGbzKO1fJ2T8x+cA0UXCJ4o4blPs9zQtdMg9PYmpiRF4PTNGAEWxvaDnFOEdoTiWiI95f8JxXIkkyXDPTGFsZAghVUU4HAZlA7vdjpLSMmRkZit/t7dryN5LuJ2QEdWvSLIMj3safd97cLmmDpUnq1B1+gxsROL3+9HT/QVLCwuQZYXZu5im8RklC4Ila4uMx8eGjQ2m6Y/enn1D4xKiOkaGB5GSmsqyLNB1PUGjSlEUhZXlJWxuboDneYiiFc0tN1FdU7tPJFol+Ol8dWUFFlEso21bPFE1MwyFdjUhotev2tD2/BkGB/pQV38Ve9H1iG7YkZ4yfV6IJ2pkhlaKyJt5Mo7spzw9OWFkxwLtBDFDkiREdmya4jV6qarqjXRXBpKTk7GxsYHaKw2Y88zieMUJfO7qRESPIKwGkZWTi1RHGrRQiPm93ddwr7M5M99ODXjNNzeL3m/dRgY5uXnwzXuhaRqVFjFu69TZ83CkpYeDwWCjpgY79jo7to+a/Otrzuy8/EsVVObE2AhmqRVMHEciW+FwpqH4WClSHE4s+bwPkhxpHQkN6R4a2PkQBC2nsBiHjxyFKzObeuaXITKNiEEkiCIW5+cwPzGWbbHOHpi12IzyAlv+mmWfF7zFYgiemZWzSCUu6NFoQTAQSNre8mPZ62FlM5HvEv4cyIijEWADKVJnb6+vwUPjoanqgiu/oMiZkbVJ5AWrv32TZGcOk8iC1cq6s4F8WuOv37kTgXtPmrSHAgG6lSDTYHP33E3CfmQk1GNPieQrm02CPWFECPWEN5S2aBaEJirvwwqVycCWKMmddMOsAe/s+twiuAj+WKKpXbClMiNy+hn3l9NFaIn5bo09/CfAAEg/STMRntMAAAAAAElFTkSuQmCC',

                    width: 21,

                    height: 21,

                },

                left: '0%',

                top: '74%',

            },

        ],

    },

    series: [

        {

            name: '条',

            type: 'bar',

            yAxisIndex: 0,

            data: ['227.93', '250.97', '282.79', '346.94', '412.48'],

            label: { normal: { show: false, position: 'right', textStyle: { color: '#ffffff', fontSize: '16' } } },

            barWidth: 8,

            itemStyle: { normal: { barBorderRadius: 10 } },

            z: 2,

        },

        {

            name: '白框',

            type: 'bar',

            yAxisIndex: 1,

            barGap: '-100%',

            data: [1590, 1590, 1590, 1590, 1590],

            barWidth: 15,

            itemStyle: { normal: { color: '#0e2147', barBorderRadius: 10 } },

            z: 1,

        },

        {

            name: '外框',

            type: 'bar',

            yAxisIndex: 2,

            barGap: '-100%',

            data: [1600, 1600, 1600, 1600, 1600],

            barWidth: 18,

            itemStyle: { normal: { barBorderRadius: 10 } },

            z: 0,

        },

        {

            name: '外圆',

            type: 'scatter',

            hoverAnimation: false,

            data: [0, 0, 0, 0, 0],

            yAxisIndex: 2,

            symbolSize: 20,

            itemStyle: { normal: { opacity: 1 } },

            z: 2,

        },

    ],

};