var bg1 =
'image://data:image/png;base64,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';
var bg2 =
'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR0AAAALCAYAAABCkllJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAACT1JREFUaIHtWr/rZ1cRPeftN5v9khQhFiHayAbdWEWRpLKQKCIoEithwcbKNo0Wgr5eUASxj7D4D8TCPm2aEEEQNLGRCIJuzOLufj9vLO6dmTPz3ibZzdrtg+/n/bj3zZyZOTP3vnu/BPAdAL/Eo+PR8eh4dHzy4y8AvrWu6517dTgD8OSV5567+sSXv4LtlsFOBpAADACzZzySZ9HO1o1xBgBS+jHlms22I9lkyp3P45f+7hEGPXN3CSwNPvNss9koWJbSNe2oetwEgNNejnuOVqPgV1Bis/dzZew2UfGrT73/9FWAVf8LHjJic6jH5fjZY1PiuI9PygOMQ274ZF6T7R1W/UYc2M0CzfWnP4c9AyqFb9nufa2856cpn+oTpFzBpn5nxxT2TO5TMAVuNK53n2L/XP0V1/7cKl+bXOVlkRz9ASFntQ+Sywe4S9oQwBnwz9+9evX9N3//MwA/wT0OArh+5XPXbjzxwtdx9/0NuLM147vhWoyU4PPWWrJ1I9Xx4EBrEPl5piUJCxkPA6ayxYk9OaTQBRm4tBorRBVdNpM+uy3xWiSy2h32LFFgy/OWvC7Diep9OPVW181knXbXZ+ofla3POJ8ZSClknnwm2JrvLTB5uybcuLa4puQEoZi8mBBLJHT1+dLimZgypWrsa4IzbIna2fACUqiKrmXezoJJA73gd/9qukSxrVxIH7YEFx8rb4dOimgm/i7jIA/VR8ENAmZHxbLlixSXKiPfKXyYg/WlMwC3/4G/rV86Xfz7va+u6/oGDg4CuP741Ws3rnzhZWw3T9juTtu9gBZDmmHWCe2gLUZXFF8yndcrtyv1QEzDk0CZbLBOHsXFWviEWBoclbsnb6I1LQpCbOwST/wzya5hi2RV/4VshggL/fdIQAClSEpyR0wWSQoCsKXoK6MvO5mZOmAAl4aj9UO1NYpHiX/yJOOr/s4kSz9X+T2hMrmdfzrTE/6IfYNiS8xmFWsfDLRYVL8kRi1wZMVvTEkF/65AaKyFp0DEKeUIFp113HMQVv/O+DQbFMM4ZgVR/AB0lud5wcAw8p0LwMvE7T+/jr//6pV3YPbCuq430Y7FhdAMGzAKxjbHxG1iMBvnDcAm15btNAwQW3gv/rgR2IaYqE7RzilrVjkbejn7uGqbsrkB9Iha/5t63N1Tnlmk1MBoUSJDJ5A2cRv2GBh2qaydXphcQ+wBbBPsZqk77J7PN8C2QfbwpaUP0hEjBhTsIXardhRM5rEzWLQTtlVdic/lW8pWPM4Dx+6F3mbstsQV/lM+uc+mHf7IsZjaIP4cmJhyTHRC+hcOMmwwTPsnP+j+DG6nT5NDEquNwWfnCNyk6RMLnAf4YUW+tw1zUm7YdZgzljo7N6YvuHUOOR6CZuCWPndeaHu+ZxN25qZhcNYcxEZsG2AnwC6A889/G0+9/MPPAvg1Do4lbanfvWqrFtA6u5hVT/5Ai2fKg5xuSwJH65DE9k6/cdXG1qBgqa/ZoZxCSO0TtYwzWUxsszHFttJ1L9dPTqwd5mrc0BHjSQYZydsYX7qNROAZCJlYDw1PECNhJFbFIHnHAlkFxBHTMbNwzUOQ55zTJaGoMwSLp64nE9onZhvI6YkLnW2ixDTYFckuIug55hVRWrPahMhcAZvekndoXbi7L23RMdKd7YNq93v3V80jFm6xxCgxmdkMlS5wDF4xvibyA95EQ/+t9thUNT0itCJGYbML4HQXePq7P8flT1/7/rqu30M7cqYTioYkmif5BBnVWxLdQajTBG9gigBKyY7sndOz0ppEcZKoGpoinTJUMbKEDdtMCkBOZct99M7hwotBSREmprRFjReSuriGX9XZ0XPlfVQES8VeMKwlDOPDL4uJBkhxUChprZ9/NmPEjuZWWZJeE1SMISxmogbELHPc7ys2y28MezNBDhwGm8Uuiw/gUGYRLI4NT2SkHWeAFEwBNmWkvrTTfVjIoM9DYxuE6db1pNZTTXtlqBUXRuVDFEyv9FOCa3cOW1Mbn8b9uVLLa0GkhpWykJGdlp0Mm53jmR/8Frz02G/Wdf2Mil5QDq+LjcxlqEina1orQD1HuM1DkPzO0a1WdCIXu0xkxaUkl0EdyXjBE8Qgtd6rdZGprNUKMe/9JGsI1VBPtopTKlAUyUgKJfaUau2dmXZS+KveWKQVO2i9T8PiFs7RKkY716FBlMKuyy/uS5okLXTIqHMeJijNhVYsJlnL7GI26tCvU0fXMEHE3NzGjLQUNrHL9ekicl3T8JeUdJZfR7L7Gp96kRCZwBlmzZLZtiswbBUhi2ra5S9nl4PE0JvUG/rmcKR9TfQL/5RbXrZkXT6ivBsXNsO2EXZBnD37Ij71yk+fBvDauq7R9QwAsADL4wTvLLi0+CgjDNNtWhkhx5P0gm8ux2u+Yi4jwRK7BKjBFqP9XVP5hSQ5hizF6i7L+y5pk+OUPrrQPaAtM1JLXXSd+mwuVsNHFQP6NjQ4bUW30bskPsD7ut2ySFpktuTg2GPRT1cD5xqwF7h8Z5i8RDF2P0csZKE3UokeVUZM6kKkxEMLs2BKm0SPIfWQY6+o8EF2LANfj/VEoD6jT9/T97mY3LBoTHQTw62LFHDd8ikcAqxiM4BOSpvuM5OdKNFD9+KUSx3UPOYt1nAeF/CBry6AJ80tssCfWonXflYZwwtInzFJ6kJrF+UfS2ysQ8/C/9Q3f4xbf/zD12796Y1XAfzCe10/f/75G0++9A2cPjjB7rZZTSN5yxxRLkSkF1CZWssOR5nGtDWi/n80OUGlPkYWi0oUxVlmJgtkCx6xK5WYVHIS0yIx5haqbmvW0n8s9wgn1U4pGG33JijC+BEbKb4myGpD9tXCP/sUzPrePvEjUYlZaPsuXMoNv5X4i/w4d7Lnvx74zsleh7wb7dUv+6386c2SzNJmnsAt/mw7Uf6s8EUGhUO/T/tlpmbsmPe2JUzhgnCoDsRVX/LdOQs5p7/Tt1lYouOCkpclB1Lz9Hd0ELkZSS7E8phh+8+7+OuPvnj7dOvmS+u6vkUA13n58o3l/Lx9HjzowY/u8knk3Jf4B8HCcmXtmsddH4q+j9flfnXcR3/uLh6efM2Cj+pWJD8on/ihtx+j4SHqeBi67kPG/8XWD5O5y4xsnTXt4l/vYfvvB28DePF/Va5rlPbil1QAAAAASUVORK5CYII=';
var bg3 = 'image://data:image/png;base64,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'
var barWidth = 11;
var maxNum = 0;
let data = [{
name: '古荡河桥监测点（Ⅱ类）',
value: 1
}, {
name: '昇界桥监测点（Ⅲ类）',
value: 2
}, {
name: '迎成桥监测点（Ⅲ类）',
value: 3
}, {
name: '泾塘桥监测点（Ⅲ类）',
value: 4
}, {
name: '盐平塘桥监测点（Ⅲ类）',
value: 5
}, {
name: '小桥监测点（Ⅲ类）',
value: 6
}]
for (var i = 0; i < data.length; i++) {
if (data[i] > maxNum) {
maxNum = data[i];
}
}
let option = {
grid: {
left: '16%',
right: '10%',
bottom: '8%',
top: '10%',
containLabel: false,
},
backgroundColor: '#0e1c47',
xAxis: {
show: false,
},
yAxis: [
{
type: 'category',
inverse: true,
offset: 45,
position: 'left',
axisLabel: {
show: true,
align: 'left',
textStyle: {
color: '#fff',
fontSize: '14',
},
formatter: function (value, index) {
var num = '';
var str = '';
num = index + 1;
str = '{num|' + 'No.' + num + '}' + '{name|' + data[index].name + '}';
return str;
},
rich: {
num: {
color: '#06cef8',
backgroundColor: 'transparent',
fontSize: 12,
padding: [6, 8, 2, 8],
borderColor: '#06cef8',
borderWidth: 1,
},
name: { color: '#fff', fontSize: 13, padding: [-9, 0, 2, 15] },
},
},
splitLine: {
show: false,
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
data: data,
},
],
series: [
{
type: 'pictorialBar',
barWidth: barWidth,
symbolOffset: [0, 15],
zlevel: 2,
borderColor: '#fff',
borderWidth: 1,
data: data.map(function (item, index) {
let icon;
if (index < 2) {
icon = bg1;
} else {
if (index > 3) {
icon = bg2;
} else {
icon = bg3;
}
}
return {
value: item.value,
symbol: icon,
};
}),
},
{
type: 'bar',
barWidth: barWidth,
Offset: [0, 15],
data: data.map(function (item) {
return {
realValue: item.vlue,
value: maxNum + maxNum / 2,
};
}),
label: {
show: true,
position: 'right',
distance: 700,
formatter: function (params) {
return params.name;
},
color: '#06CEF8',
fontSize: 16,
fontWeight: 'bold',
padding: [20, 10, 10, 10]
},
itemStyle: {
normal: {
color: 'transparent',
}
},
},
],
}