我要评论echarts官网有很多的炫酷的3d模型
来尝试实现下，使用原本的柱状图或者折线图代码创建echarts示例,使用cdn的方式引入echarts
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>
<title>echarts pie chart with click event</title>
</head>
<body>
<div id="piechart" style="width: 600px; height: 400px"></div>
<script>
const data = [
{ value: 335, name: "category 1" },
{ value: 310, name: "category 2" },
{ value: 234, name: "category 3" },
{ value: 135, name: "category 4" },
{ value: 1548, name: "category 5" },
];
// 初始化 echarts 实例
const mychart = echarts.init(document.getelementbyid("piechart"));
// 配置饼图
const option = {
series: [
{
name: "pie chart",
type: "pie",
radius: "55%",
center: ["50%", "60%"],
data: data,
emphasis: {
itemstyle: {
shadowblur: 10,
shadowoffsetx: 0,
shadowcolor: "rgba(0, 0, 0, 0.5)",
},
},
},
],
};
// 将配置设置到 echarts 实例中
mychart.setoption(option);
</script>
</body>
</html>
就会得到一个饼图
使用这个案例：examples - apache echarts
在官网案例添加代码查看模型的数据
还需要引入echarts-gl的cdn, 应用中安装echarts-gl，只引入就好，不需要做额外的操作，会自动扩展echarts的功能
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.2/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-gl@2.0.9/dist/echarts-gl.min.js"></script>
<title>echarts pie chart with click event</title>
</head>
<body>
<div
id="piechart"
style="width: 600px; height: 600px; border: 5px solid red"
></div>
<script>
const list = 这里放从官网复制过来的数组
// 初始化 echarts 实例
const mychart = echarts.init(document.getelementbyid("piechart"));
// 将配置设置到 echarts 实例中
let option = {
grid3d: {},
tooltip: {},
xaxis3d: {
type: "category",
},
yaxis3d: {
type: "category",
},
zaxis3d: {},
visualmap: {
max: 1e8,
dimension: "population",
},
dataset: {
dimensions: [
"income",
"life expectancy",
"population",
"country",
{ name: "year", type: "ordinal" },
],
source: list,
},
series: [
{
type: "bar3d",
// symbolsize: symbolsize,
shading: "lambert",
encode: {
x: "year",
y: "country",
z: "life expectancy",
tooltip: [0, 1, 2, 3, 4],
},
},
],
};
// 将配置设置到 echarts 实例中
mychart.setoption(option);
</script>
</body>
</html>
看下是很大的
看下效果
今天在看react-hooks的时候发现了这个：
发现他是一整块的echarts
代码示例：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<title>echarts pie chart with click event</title>
</head>
<body>
<div id="piechart" style="width: 600px; height: 400px; border: 1px solid red; background-color: black"></div>
<script>
const ranking1 =
"data:image/png;base64,ivborw0kggoaaaansuheugaaadoaaaavcayaaaaxqf3laaaacxbiwxmaaastaaaleweampwyaaa4gmluwhrytuw6y29tlmfkb2jllnhtcaaaaaaapd94cgfja2v0igjlz2lupslvu78iiglkpsjxnu0wtxbdzwhpshpyzvn6tlrjemtjowqipz4kphg6eg1wbwv0ysb4bwxuczp4psjhzg9iztpuczptzxrhlyigedp4bxb0az0iqwrvymugwe1qienvcmugns41lwmwmtqgnzkumtuxndgxlcaymdezlzazlzezlteyoja5oje1icagicagicaipgogica8cmrmoljerib4bwxuczpyzgy9imh0dha6ly93d3cudzmub3jnlze5otkvmdivmjitcmrmlxn5bnrhec1ucymipgogicagica8cmrmokrlc2nyaxb0aw9uihjkzjphym91dd0iigogicagicagicagicb4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iciagicagicagicagihhtbg5zomrjpsjodhrwoi8vchvybc5vcmcvzgmvzwxlbwvudhmvms4xlyikicagicagicagicageg1sbnm6cghvdg9zag9wpsjodhrwoi8vbnmuywrvymuuy29tl3bob3rvc2hvcc8xljavigogicagicagicagicb4bwxuczp4bxbntt0iahr0cdovl25zlmfkb2jllmnvbs94yxavms4wl21tlyikicagicagicagicageg1sbnm6c3rfdnq9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9zvhlwzs9szxnvdxjjzuv2zw50iyikicagicagicagicageg1sbnm6dglmzj0iahr0cdovl25zlmfkb2jllmnvbs90awzmlzeumc8iciagicagicagicagihhtbg5zomv4awy9imh0dha6ly9ucy5hzg9izs5jb20vzxhpzi8xljavij4kicagicagicagphhtcdpdcmvhdg9yvg9vbd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc94bxa6q3jlyxrvclrvb2w+ciagicagicagidx4bxa6q3jlyxrlrgf0zt4ymdixlteylte2vde2oja5ojaxkza4ojawpc94bxa6q3jlyxrlrgf0zt4kicagicagicagphhtcdpnb2rpznleyxrlpjiwmjetmtitmtzumty6mtm6mjmrmdg6mda8l3htcdpnb2rpznleyxrlpgogicagicagica8eg1wok1ldgfkyxrhrgf0zt4ymdixlteylte2vde2ojezojizkza4ojawpc94bxa6twv0ywrhdgfeyxrlpgogicagicagica8zgm6zm9ybwf0pmltywdll3buzzwvzgm6zm9ybwf0pgogicagicagica8cghvdg9zag9woknvbg9ytw9kzt4zpc9wag90b3nob3a6q29sb3jnb2rlpgogicagicagica8eg1wtu06sw5zdgfuy2vjrd54bxauawlkojdjntlkmju2ltdmzwmtmzq0ns05yjy1ltc1mmuzngeyndnlmjwveg1wtu06sw5zdgfuy2vjrd4kicagicagicagphhtce1nokrvy3vtzw50suq+eg1wlmrpzdo3yzu5zdi1ni03zmvjltm0ndutowi2ns03ntjlmzrhmjqzzti8l3htce1nokrvy3vtzw50suq+ciagicagicagidx4bxbnttppcmlnaw5hbervy3vtzw50suq+eg1wlmrpzdo3yzu5zdi1ni03zmvjltm0ndutowi2ns03ntjlmzrhmjqzzti8l3htce1nok9yawdpbmfsrg9jdw1lbnrjrd4kicagicagicagphhtce1nokhpc3rvcnk+ciagicagicagicagidxyzgy6u2vxpgogicagicagicagicagica8cmrmomxpihjkzjpwyxjzzvr5cgu9iljlc291cmnlij4kicagicagicagicagicagicagphn0rxz0omfjdglvbj5jcmvhdgvkpc9zdev2ddphy3rpb24+ciagicagicagicagicagicagidxzdev2ddppbnn0yw5jzulepnhtcc5pawq6n2m1owqyntytn2zlyy0zndq1ltlinjutnzuyztm0yti0m2uypc9zdev2ddppbnn0yw5jzulepgogicagicagicagicagicagica8c3rfdnq6d2hlbj4ymdixlteylte2vde2oja5ojaxkza4ojawpc9zdev2ddp3agvupgogicagicagicagicagicagica8c3rfdnq6c29mdhdhcmvbz2vudd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc9zdev2ddpzb2z0d2fyzufnzw50pgogicagicagicagicagica8l3jkzjpsat4kicagicagicagicagpc9yzgy6u2vxpgogicagicagica8l3htce1nokhpc3rvcnk+ciagicagicagidx0awzmok9yawvudgf0aw9upje8l3rpzmy6t3jpzw50yxrpb24+ciagicagicagidx0awzmolhszxnvbhv0aw9upjcymdawmc8xmdawmdwvdglmzjpyumvzb2x1dglvbj4kicagicagicagphrpzmy6wvjlc29sdxrpb24+nziwmdawlzewmdawpc90awzmollszxnvbhv0aw9upgogicagicagica8dglmzjpszxnvbhv0aw9uvw5pdd4ypc90awzmoljlc29sdxrpb25vbml0pgogicagicagica8zxhpzjpdb2xvclnwywnlpjy1ntm1pc9leglmoknvbg9yu3bhy2u+ciagicagicagidxleglmolbpegvswerpbwvuc2lvbj41odwvzxhpzjpqaxhlbfheaw1lbnnpb24+ciagicagicagidxleglmolbpegvswurpbwvuc2lvbj4ymtwvzxhpzjpqaxhlbfleaw1lbnnpb24+ciagicagidwvcmrmokrlc2nyaxb0aw9upgogica8l3jkzjpsrey+cjwvedp4bxbtzxrhpgogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagiao8p3hwywnrzxqgzw5kpsj3ij8+hqy65gaaacbjsfjnaab6jqaagimaapn/aaca6qaadtaaaopgaaa6maaaf2+sx8vgaaadkeleqvr42ttxw0huqrgh8p83z1ddr5wujeyxe93vosjaviijlvrqpgak7q7wq6rerathw0wegq72ot0vhekgclzpqt1kuhzudnnttcioqsjunpfm14o6w+456wvtd+ftsdnnzm//m/odq9bpe4tp51yrndwyujfm2ggwyzxjevpjicbmafbjh15b4gfs7jxxpksgfym/lf5mx9fi7fxjzwudltinzeidrvrl30tyscy0nc+5cohiyc76mlaqunbmdakzxc4u+kbgdjbz2sfj83m3nnt5kyu8lryjidevdluwqkthn1zufefdolams6pmhcbhaoagpt0/cmpeiczdmwd7oasvsgbcagbjzks3bceuc/f5rbhsszxy9milmtlyhixfjy2n8yjacmvwkzh2tfxh8qjhtugzi5hoxqmo+aq1fhggvtdri915gerxros+yyvsvqyalwbj9aevfxrbjr2dqholuiqviibmfhrsbyqahebxsrby1rouugbov611q2r06ult7dvmsdg/gqoarcqtg3mjzyboxuomhn7kio6j6vr7iohu67v0ly5qgyas5xs6xywgablptdb9zif1ofg7t4vhl4g+iyhic1ou3m/crh1r/h0g+yioqgwuukzxxjrqqjnttcmk4ikxyjsjssyhuoompb2espmlw/9qap9xpta+4iu//oz67deue1woigwnhhqamsvthwfs9bfuv5oqahsvk7pe01klmnxkyf4wdzjigdsh49hz1lk5jfqtajhrnhnbuqhlc5ljv2tbzyvvy8mglhjee7whi3k49ip4wtrp+f63g0gpqojgc9xmiypdtk70nz1qtlvtj6fydahkufld0v4uchkwshx0e5t6yzi91z2mdpqsdudxeevolsgaopf622oxsdxqyoseywpquhvdfdnoe5pcublvdas5jkvnul+jrsxpbwfpxq48y9evnfqng/tsnneaafpq9x5nstu3ckksf7/l9keacifac00ktyfwgf2vk++1ikfhd+po1oxwlhfoss6uvp/fwrzauuomjvj7e3qqhl/5asznjd+vr0t/dactmp8jbpuavaaaaabjru5erkjggg==";
const ranking2 =
"data:image/png;base64,ivborw0kggoaaaansuheugaaadoaaaawcayaaacr1y9laaaacxbiwxmaaastaaaleweampwyaaa4gmluwhrytuw6y29tlmfkb2jllnhtcaaaaaaapd94cgfja2v0igjlz2lupslvu78iiglkpsjxnu0wtxbdzwhpshpyzvn6tlrjemtjowqipz4kphg6eg1wbwv0ysb4bwxuczp4psjhzg9iztpuczptzxrhlyigedp4bxb0az0iqwrvymugwe1qienvcmugns41lwmwmtqgnzkumtuxndgxlcaymdezlzazlzezlteyoja5oje1icagicagicaipgogica8cmrmoljerib4bwxuczpyzgy9imh0dha6ly93d3cudzmub3jnlze5otkvmdivmjitcmrmlxn5bnrhec1ucymipgogicagica8cmrmokrlc2nyaxb0aw9uihjkzjphym91dd0iigogicagicagicagicb4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iciagicagicagicagihhtbg5zomrjpsjodhrwoi8vchvybc5vcmcvzgmvzwxlbwvudhmvms4xlyikicagicagicagicageg1sbnm6cghvdg9zag9wpsjodhrwoi8vbnmuywrvymuuy29tl3bob3rvc2hvcc8xljavigogicagicagicagicb4bwxuczp4bxbntt0iahr0cdovl25zlmfkb2jllmnvbs94yxavms4wl21tlyikicagicagicagicageg1sbnm6c3rfdnq9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9zvhlwzs9szxnvdxjjzuv2zw50iyikicagicagicagicageg1sbnm6dglmzj0iahr0cdovl25zlmfkb2jllmnvbs90awzmlzeumc8iciagicagicagicagihhtbg5zomv4awy9imh0dha6ly9ucy5hzg9izs5jb20vzxhpzi8xljavij4kicagicagicagphhtcdpdcmvhdg9yvg9vbd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc94bxa6q3jlyxrvclrvb2w+ciagicagicagidx4bxa6q3jlyxrlrgf0zt4ymdixlteylte2vde2oja4oju5kza4ojawpc94bxa6q3jlyxrlrgf0zt4kicagicagicagphhtcdpnb2rpznleyxrlpjiwmjetmtitmtzumty6mtm6mtcrmdg6mda8l3htcdpnb2rpznleyxrlpgogicagicagica8eg1wok1ldgfkyxrhrgf0zt4ymdixlteylte2vde2ojezoje3kza4ojawpc94bxa6twv0ywrhdgfeyxrlpgogicagicagica8zgm6zm9ybwf0pmltywdll3buzzwvzgm6zm9ybwf0pgogicagicagica8cghvdg9zag9woknvbg9ytw9kzt4zpc9wag90b3nob3a6q29sb3jnb2rlpgogicagicagica8eg1wtu06sw5zdgfuy2vjrd54bxauawlkoje3yzmzmwe5ltq5ngmtzti0zs05ztaxltm4nzexzddlnmqzytwveg1wtu06sw5zdgfuy2vjrd4kicagicagicagphhtce1nokrvy3vtzw50suq+eg1wlmrpzdoxn2mzmzfhos00otrjlwuyngutowuwms0zodcxmwq3ztzkm2e8l3htce1nokrvy3vtzw50suq+ciagicagicagidx4bxbnttppcmlnaw5hbervy3vtzw50suq+eg1wlmrpzdoxn2mzmzfhos00otrjlwuyngutowuwms0zodcxmwq3ztzkm2e8l3htce1nok9yawdpbmfsrg9jdw1lbnrjrd4kicagicagicagphhtce1nokhpc3rvcnk+ciagicagicagicagidxyzgy6u2vxpgogicagicagicagicagica8cmrmomxpihjkzjpwyxjzzvr5cgu9iljlc291cmnlij4kicagicagicagicagicagicagphn0rxz0omfjdglvbj5jcmvhdgvkpc9zdev2ddphy3rpb24+ciagicagicagicagicagicagidxzdev2ddppbnn0yw5jzulepnhtcc5pawq6mtdjmzmxytktndk0yy1lmjrlltllmdetmzg3mtfkn2u2zdnhpc9zdev2ddppbnn0yw5jzulepgogicagicagicagicagicagica8c3rfdnq6d2hlbj4ymdixlteylte2vde2oja4oju5kza4ojawpc9zdev2ddp3agvupgogicagicagicagicagicagica8c3rfdnq6c29mdhdhcmvbz2vudd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc9zdev2ddpzb2z0d2fyzufnzw50pgogicagicagicagicagica8l3jkzjpsat4kicagicagicagicagpc9yzgy6u2vxpgogicagicagica8l3htce1nokhpc3rvcnk+ciagicagicagidx0awzmok9yawvudgf0aw9upje8l3rpzmy6t3jpzw50yxrpb24+ciagicagicagidx0awzmolhszxnvbhv0aw9upjcymdawmc8xmdawmdwvdglmzjpyumvzb2x1dglvbj4kicagicagicagphrpzmy6wvjlc29sdxrpb24+nziwmdawlzewmdawpc90awzmollszxnvbhv0aw9upgogicagicagica8dglmzjpszxnvbhv0aw9uvw5pdd4ypc90awzmoljlc29sdxrpb25vbml0pgogicagicagica8zxhpzjpdb2xvclnwywnlpjy1ntm1pc9leglmoknvbg9yu3bhy2u+ciagicagicagidxleglmolbpegvswerpbwvuc2lvbj41odwvzxhpzjpqaxhlbfheaw1lbnnpb24+ciagicagicagidxleglmolbpegvswurpbwvuc2lvbj4ymjwvzxhpzjpqaxhlbfleaw1lbnnpb24+ciagicagidwvcmrmokrlc2nyaxb0aw9upgogica8l3jkzjpsrey+cjwvedp4bxbtzxrhpgogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagiao8p3hwywnrzxqgzw5kpsj3ij8+xeqraaaaacbjsfjnaab6jqaagimaapn/aaca6qaadtaaaopgaaa6maaaf2+sx8vgaaadd0leqvr42ttye0hturwh8n/v3m1ttq0pisglkvkbj4wpytzbqz+iqaztmdfnhid9irav/vhhp0giztaqdcsil9u/9odoieizi+hpuvrkh0lqkdpibe6c/naud3e3xgs7nv8o95zd87nf37k7g4kfvlhssngfsemojkyhmaiiyzdjpfmyg/u8hkf7dp0i/1tylf6l4snkyewc9cgl2a08h4z719d/gr2glj5jvtd2pekbkhta1grdbizfh9nezcuy1goqcjjyqj0s+4b7pjmoqcoktbzymxghkxo0fwpr5ro88zro+fdxty5/jo10931bem/ddua04bjbriarhr+lpcoy4n9gg4hm18093wtxocky5gnnmfdqftjapnyvnpd0xttnjylssdsyl1f7j+znsvvqxypdc3ygmzad0mvdxj5ytyns1r3jejkjhusdgra3pfv32tt9aaciieq3whkosdxwx8w5yjxs5q3/ms2xtrtfkbozh5rounffbxqzujq8ilk7f4b4tty3+ffohmkhgy8vo2mvz16t+xzdpyz0kd1kviyemnk+inp9wnbkl5olje9whjrv0sargebcnz1yujkl/cvqyc9fi4sb5qv1p5ebyxu3j4de67ujwsqfz3wmsjg4dempldfwux8a5cjeaqcuztezfrxvsblkgbjw3flwcmigh2ii5xgsicsywoqaioxtm/hbsdbusymuz90/qb/8vhbvqm+4nhlqs0etlbvzdghh78x4lm/tssycgoi3lwqszayooe3sr9ue/obqa2/djqy1/hj1l69fqvhyql5eakedlrsvvze/6vdakdjnyk2mclo5dommoqj6wph6tim6xyjbn2ms9lpmg+o309ufuk9e9xx5omhcku/f+jausjbi1sxt5vf4ogox1enrse7+giqki66lqzo3vgyjafp/lcgawnwszroso0opqtts6o7i1ttbxla31gnnzd2ppkr7hokio4gwzxm+rd+xl14qh3oxq1rykf7dpaaaeevus0f1zmsk4tdhb9kkoakam8aa+slx61qvqmipxf7nup95cqagyokm8ty8yggicbvga5y2bw6xuzuuofvv46/f7irp8owryd1qfcexewyipoancpg6qe3yhp26mkdr+p/m/2gjh5ct4tfs24soea65ojgakama+duaoqxqchbryviaaaaasuvork5cyii=";
const ranking3 =
"data:image/png;base64,ivborw0kggoaaaansuheugaaadoaaaawcayaaacr1y9laaaacxbiwxmaaastaaaleweampwyaaa4gmluwhrytuw6y29tlmfkb2jllnhtcaaaaaaapd94cgfja2v0igjlz2lupslvu78iiglkpsjxnu0wtxbdzwhpshpyzvn6tlrjemtjowqipz4kphg6eg1wbwv0ysb4bwxuczp4psjhzg9iztpuczptzxrhlyigedp4bxb0az0iqwrvymugwe1qienvcmugns41lwmwmtqgnzkumtuxndgxlcaymdezlzazlzezlteyoja5oje1icagicagicaipgogica8cmrmoljerib4bwxuczpyzgy9imh0dha6ly93d3cudzmub3jnlze5otkvmdivmjitcmrmlxn5bnrhec1ucymipgogicagica8cmrmokrlc2nyaxb0aw9uihjkzjphym91dd0iigogicagicagicagicb4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iciagicagicagicagihhtbg5zomrjpsjodhrwoi8vchvybc5vcmcvzgmvzwxlbwvudhmvms4xlyikicagicagicagicageg1sbnm6cghvdg9zag9wpsjodhrwoi8vbnmuywrvymuuy29tl3bob3rvc2hvcc8xljavigogicagicagicagicb4bwxuczp4bxbntt0iahr0cdovl25zlmfkb2jllmnvbs94yxavms4wl21tlyikicagicagicagicageg1sbnm6c3rfdnq9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9zvhlwzs9szxnvdxjjzuv2zw50iyikicagicagicagicageg1sbnm6dglmzj0iahr0cdovl25zlmfkb2jllmnvbs90awzmlzeumc8iciagicagicagicagihhtbg5zomv4awy9imh0dha6ly9ucy5hzg9izs5jb20vzxhpzi8xljavij4kicagicagicagphhtcdpdcmvhdg9yvg9vbd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc94bxa6q3jlyxrvclrvb2w+ciagicagicagidx4bxa6q3jlyxrlrgf0zt4ymdixlteylte2vde2oja4oju2kza4ojawpc94bxa6q3jlyxrlrgf0zt4kicagicagicagphhtcdpnb2rpznleyxrlpjiwmjetmtitmtzumty6mtm6mdmrmdg6mda8l3htcdpnb2rpznleyxrlpgogicagicagica8eg1wok1ldgfkyxrhrgf0zt4ymdixlteylte2vde2ojezojazkza4ojawpc94bxa6twv0ywrhdgfeyxrlpgogicagicagica8zgm6zm9ybwf0pmltywdll3buzzwvzgm6zm9ybwf0pgogicagicagica8cghvdg9zag9woknvbg9ytw9kzt4zpc9wag90b3nob3a6q29sb3jnb2rlpgogicagicagica8eg1wtu06sw5zdgfuy2vjrd54bxauawlkomqxy2uwytdiltk5ogmtnji0zs1hyzc4lwnjyzfhmjrkymy2mzwveg1wtu06sw5zdgfuy2vjrd4kicagicagicagphhtce1nokrvy3vtzw50suq+eg1wlmrpzdpkmwnlmge3yi05othjltyyngutywm3oc1jy2mxyti0zgjmnjm8l3htce1nokrvy3vtzw50suq+ciagicagicagidx4bxbnttppcmlnaw5hbervy3vtzw50suq+eg1wlmrpzdpkmwnlmge3yi05othjltyyngutywm3oc1jy2mxyti0zgjmnjm8l3htce1nok9yawdpbmfsrg9jdw1lbnrjrd4kicagicagicagphhtce1nokhpc3rvcnk+ciagicagicagicagidxyzgy6u2vxpgogicagicagicagicagica8cmrmomxpihjkzjpwyxjzzvr5cgu9iljlc291cmnlij4kicagicagicagicagicagicagphn0rxz0omfjdglvbj5jcmvhdgvkpc9zdev2ddphy3rpb24+ciagicagicagicagicagicagidxzdev2ddppbnn0yw5jzulepnhtcc5pawq6zdfjztbhn2itotk4yy02mjrllwfjnzgty2njmweyngrizjyzpc9zdev2ddppbnn0yw5jzulepgogicagicagicagicagicagica8c3rfdnq6d2hlbj4ymdixlteylte2vde2oja4oju2kza4ojawpc9zdev2ddp3agvupgogicagicagicagicagicagica8c3rfdnq6c29mdhdhcmvbz2vudd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc9zdev2ddpzb2z0d2fyzufnzw50pgogicagicagicagicagica8l3jkzjpsat4kicagicagicagicagpc9yzgy6u2vxpgogicagicagica8l3htce1nokhpc3rvcnk+ciagicagicagidx0awzmok9yawvudgf0aw9upje8l3rpzmy6t3jpzw50yxrpb24+ciagicagicagidx0awzmolhszxnvbhv0aw9upjcymdawmc8xmdawmdwvdglmzjpyumvzb2x1dglvbj4kicagicagicagphrpzmy6wvjlc29sdxrpb24+nziwmdawlzewmdawpc90awzmollszxnvbhv0aw9upgogicagicagica8dglmzjpszxnvbhv0aw9uvw5pdd4ypc90awzmoljlc29sdxrpb25vbml0pgogicagicagica8zxhpzjpdb2xvclnwywnlpjy1ntm1pc9leglmoknvbg9yu3bhy2u+ciagicagicagidxleglmolbpegvswerpbwvuc2lvbj41odwvzxhpzjpqaxhlbfheaw1lbnnpb24+ciagicagicagidxleglmolbpegvswurpbwvuc2lvbj4ymjwvzxhpzjpqaxhlbfleaw1lbnnpb24+ciagicagidwvcmrmokrlc2nyaxb0aw9upgogica8l3jkzjpsrey+cjwvedp4bxbtzxrhpgogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagiao8p3hwywnrzxqgzw5kpsj3ij8+yivrxgaaacbjsfjnaab6jqaagimaapn/aaca6qaadtaaaopgaaa6maaaf2+sx8vgaaadtkleqvr42tsyxuhtyrjhn+ecs7mz+w2j6ttwh5xbkkg6us9ciqq0pbiy3zx1euhqrbtdevu2rc6mecyqqyal8aogiimi6ijekkjorp1omqbublqd9+lcnz92ttsybc/veq/voc/7o///857zhiqwsamuq4il5t2ezqusrcxwon81uqgaah1j38thvx0ybpa59tyzd1bzoqqu1gd0l2bxbqoeextfmb4auwtnkqvxpqwnxvbm7nkli8adcasom5nqujrvacqkclrd0wjice1+ivk7bsg+vgzq/hdfvwmfh6uk7/0aaiqg5urgkurxmyhpuy1ldgtg4s+6jotc7ber+wsgfkqoyxfxo6nffwnjsv9ysan6bbebuvw8nkfvnxb0w3saaevqa60zhxhfg1wnrxolzh2v8vajoqvrds88xozeita1vdspac/nb1eeyengwzxhbb6l1kvzgtqnpnsuudmudg+9ydglxabcrec9+ul9lchzgc+gmqhnzylplqxgidbdunulw82rtyeuvpnmj4nezjlkelauefmn9bc2axiuftrc4ywb4oqwggiaulplt/5jufylduk93vnepfm1lykoxe68rmbpaacwwkqga0di0ktg9k5lzj/y39o0o3uwnkrgzy6rbmcq00qqgesymlpem767njy/ghjpci848qy7iuhw27uiafksjdsgykeyyh2iymdijrirsxxoa0lysywgidbns1+vq0b9ikjztwqawg0orqbelryluy4xz8+kgy75bksj1orotnuyobuco6qqes3ock2+vgtj9ccv8xeajqx1p1dp/bipcgo+0zgpahz+eygawfrweq3iwtyt+qdifg7tyfslmqkloitq1fljtbnxg5cdkhlkkyjevtgtudxklxfqid7psqbbrxfygnqycudpqyeitosgdr1j1jw5obcgzt6jjht1rqfns8pgudtp1mbffi4uhcqidadlihbuy6lt/s9ddk3leuc/iaovx4aazsegqc22gxuctxbg5pnhsi4agdvz4dhgnclrv5syx3r1tnawpr1o0ab1rbu3c/x+wbwsfnzsxd6mgg0k6tcp3xrfwvyj6hwu9esezvb77+lohv+ikimagn8daoizq3dzb8yiaaaaaelftksuqmcc";
const ranking4 =
"data:image/png;base64,ivborw0kggoaaaansuheugaaadoaaaawcayaaacr1y9laaaacxbiwxmaaastaaaleweampwyaaa4gmluwhrytuw6y29tlmfkb2jllnhtcaaaaaaapd94cgfja2v0igjlz2lupslvu78iiglkpsjxnu0wtxbdzwhpshpyzvn6tlrjemtjowqipz4kphg6eg1wbwv0ysb4bwxuczp4psjhzg9iztpuczptzxrhlyigedp4bxb0az0iqwrvymugwe1qienvcmugns41lwmwmtqgnzkumtuxndgxlcaymdezlzazlzezlteyoja5oje1icagicagicaipgogica8cmrmoljerib4bwxuczpyzgy9imh0dha6ly93d3cudzmub3jnlze5otkvmdivmjitcmrmlxn5bnrhec1ucymipgogicagica8cmrmokrlc2nyaxb0aw9uihjkzjphym91dd0iigogicagicagicagicb4bwxuczp4bxa9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc8iciagicagicagicagihhtbg5zomrjpsjodhrwoi8vchvybc5vcmcvzgmvzwxlbwvudhmvms4xlyikicagicagicagicageg1sbnm6cghvdg9zag9wpsjodhrwoi8vbnmuywrvymuuy29tl3bob3rvc2hvcc8xljavigogicagicagicagicb4bwxuczp4bxbntt0iahr0cdovl25zlmfkb2jllmnvbs94yxavms4wl21tlyikicagicagicagicageg1sbnm6c3rfdnq9imh0dha6ly9ucy5hzg9izs5jb20vegfwlzeumc9zvhlwzs9szxnvdxjjzuv2zw50iyikicagicagicagicageg1sbnm6dglmzj0iahr0cdovl25zlmfkb2jllmnvbs90awzmlzeumc8iciagicagicagicagihhtbg5zomv4awy9imh0dha6ly9ucy5hzg9izs5jb20vzxhpzi8xljavij4kicagicagicagphhtcdpdcmvhdg9yvg9vbd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc94bxa6q3jlyxrvclrvb2w+ciagicagicagidx4bxa6q3jlyxrlrgf0zt4ymdixlteylte2vde2oja4oju4kza4ojawpc94bxa6q3jlyxrlrgf0zt4kicagicagicagphhtcdpnb2rpznleyxrlpjiwmjetmtitmtzumty6mtm6mdkrmdg6mda8l3htcdpnb2rpznleyxrlpgogicagicagica8eg1wok1ldgfkyxrhrgf0zt4ymdixlteylte2vde2ojezoja5kza4ojawpc94bxa6twv0ywrhdgfeyxrlpgogicagicagica8zgm6zm9ybwf0pmltywdll3buzzwvzgm6zm9ybwf0pgogicagicagica8cghvdg9zag9woknvbg9ytw9kzt4zpc9wag90b3nob3a6q29sb3jnb2rlpgogicagicagica8eg1wtu06sw5zdgfuy2vjrd54bxauawlkojzjnmjkymu1ltm0ztkty2m0os1hmwniltbmm2jhztaxzwywzdwveg1wtu06sw5zdgfuy2vjrd4kicagicagicagphhtce1nokrvy3vtzw50suq+eg1wlmrpzdo2yzzizgjlns0zngu5lwnjndktytfjyi0wzjniywuwmwvmmgq8l3htce1nokrvy3vtzw50suq+ciagicagicagidx4bxbnttppcmlnaw5hbervy3vtzw50suq+eg1wlmrpzdo2yzzizgjlns0zngu5lwnjndktytfjyi0wzjniywuwmwvmmgq8l3htce1nok9yawdpbmfsrg9jdw1lbnrjrd4kicagicagicagphhtce1nokhpc3rvcnk+ciagicagicagicagidxyzgy6u2vxpgogicagicagicagicagica8cmrmomxpihjkzjpwyxjzzvr5cgu9iljlc291cmnlij4kicagicagicagicagicagicagphn0rxz0omfjdglvbj5jcmvhdgvkpc9zdev2ddphy3rpb24+ciagicagicagicagicagicagidxzdev2ddppbnn0yw5jzulepnhtcc5pawq6nmm2ymriztutmzrlos1jyzq5lwexy2itmgyzymflmdflzjbkpc9zdev2ddppbnn0yw5jzulepgogicagicagicagicagicagica8c3rfdnq6d2hlbj4ymdixlteylte2vde2oja4oju4kza4ojawpc9zdev2ddp3agvupgogicagicagicagicagicagica8c3rfdnq6c29mdhdhcmvbz2vudd5bzg9izsbqag90b3nob3agq0mgkfdpbmrvd3mppc9zdev2ddpzb2z0d2fyzufnzw50pgogicagicagicagicagica8l3jkzjpsat4kicagicagicagicagpc9yzgy6u2vxpgogicagicagica8l3htce1nokhpc3rvcnk+ciagicagicagidx0awzmok9yawvudgf0aw9upje8l3rpzmy6t3jpzw50yxrpb24+ciagicagicagidx0awzmolhszxnvbhv0aw9upjcymdawmc8xmdawmdwvdglmzjpyumvzb2x1dglvbj4kicagicagicagphrpzmy6wvjlc29sdxrpb24+nziwmdawlzewmdawpc90awzmollszxnvbhv0aw9upgogicagicagica8dglmzjpszxnvbhv0aw9uvw5pdd4ypc90awzmoljlc29sdxrpb25vbml0pgogicagicagica8zxhpzjpdb2xvclnwywnlpjy1ntm1pc9leglmoknvbg9yu3bhy2u+ciagicagicagidxleglmolbpegvswerpbwvuc2lvbj41odwvzxhpzjpqaxhlbfheaw1lbnnpb24+ciagicagicagidxleglmolbpegvswurpbwvuc2lvbj4ymjwvzxhpzjpqaxhlbfleaw1lbnnpb24+ciagicagidwvcmrmokrlc2nyaxb0aw9upgogica8l3jkzjpsrey+cjwvedp4bxbtzxrhpgogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagiaogicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagciagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicakicagicagicagicagicagicagicagicagicagiao8p3hwywnrzxqgzw5kpsj3ij8+rwobzaaaacbjsfjnaab6jqaagimaapn/aaca6qaadtaaaopgaaa6maaaf2+sx8vgaaaduuleqvr42tsxt0ztcbth3/u13sjgkn0maqaeipjpjdheocbqiedbxiiliv8wt4teefpjizmxyseajtfeyowxem6cvhjwojctd14m/ggbyfgly0k3tc8d2xisazykun633699/b1pv9++3ytcjtfw6bhtxs+9fsxs02a9caoetioy1gziajjxvqhabgqo6sj4zogjfcfqafkbr8fxm9f+/wm2unbyxpuirsy/zrnr0jpcduxo8hp9/qjidhdyz6cfqgialk8stmjx6lxpvit/yihf0n0agliy7zmhidbaabqqwaqgoos6gj59lzyb2lzr2cm4+eeaai7nimsp+ubuw/dfybnlaxqnqlnra8vtbhkzgh7td7ytsdyaaejib911gf0emqq1qsrmc9cnudmo38+1igfuiti+tsrjlr0cl1ttj+vgtoihsct0eqdafltb/9dremvbrewnwglol+yq6aq03cgwoko6p64nyisgbuytfdecggljxlvvx3e7a/ozircfjhddj8+rytxeam6qahnf8a4csmlfk29elqqvcbzv3g+g0uhocl2lzqygsxrt9qdlevf2pm1tw+ksrnid8htsjwg+keskkegzmsjk5fs0qtt4jhf41qwukmgj1/yjir+3ilpxxw0t8m51nfqzcom+u0vbekccgkxucyhujirlvmscx5xztrghaclls2o6ev/bwnietuf4/ehrjejdaibcipyultcxl7jo2hvuj8emvfxxvczkfmhj75n6dhn9wac4nsg3xbvyvn1ta6qe514aurzqcdoacf4ma0+aghjiuvqw+65xbit9d/zltasfytc0kplzbrrjz5qcdg2x5m+ub0gbsmvzn0pv0hl3kbgo9itdjpdi5pekfvszlwy1+0yp3ripctryrfr1c1aaedxyxs9udkm2so7i0vencgbygjb1plrigh/bqhbltj1yzxvevmoxrwoj9u8rywvvaqasrzvqhniqug1wclwcf4siw3y5rxddp54hkm4jwt81wieknjavjaaazxxl5ewvnrnn8j51roaeumlkzbti5p3tuvvdoxvo3miy/ldj2w/ri/uoc5lderice9d39mujt1v7wuvrvauh02nonilqbv0dapivyiphdysqaaaaaelftksuqmcc";
const colors = ["#1089e7", "#f57474", "#56d0e3", "#f8b448", "#8b78f6"];
const data = [
{
value: 79999,
name: "峨眉山",
percentage: "80%",
maxvalue: 100000
},
{
value: 59999,
name: "稻城亚丁",
percentage: "60%",
maxvalue: 100000
},
{
value: 49999,
name: "九寨沟",
percentage: "50%",
maxvalue: 100000
},
{
value: 39999,
name: "万里长城",
percentage: "40%",
maxvalue: 100000
},
{
value: 29999,
name: "北京故宫",
percentage: "30%",
maxvalue: 100000
}
];
// 初始化 echarts 实例
const mychart = echarts.init(document.getelementbyid("piechart"));
// 配置饼图
const option = {
grid: {
top: "5%",
left: "7%",
right: "4%",
bottom: "1%",
containlabel: true
},
xaxis: {
type: "value",
axisline: {
show: false,
linestyle: {
color: "white"
}
},
namegap: 1,
splitline: {
show: false
},
axistick: {
show: false
},
axislabel: {
show: false,
fontsize: 16
},
// boundarygap: ["3%", "2%"],
// splitnumber: 4,
triggerevent: false
},
yaxis: [
{
show: true,
data: data.map(val => val.name),
inverse: true,
axisline: {
show: false
},
splitline: {
show: false
},
axistick: {
show: false
},
axislabel: {
color: "#fff",
formatter: function (value) {
let str = value.length > 6 ? value.slice(0, 6) + "..." : value;
let index = data.map(item => item.name).indexof(value) + 1;
return ["{" + (index > 3 ? "lg" : "lg" + index) + "|no." + index + "}", "{title|" + str + "}"].join(" ");
},
rich: {
lg1: {
width: 60,
backgroundcolor: {
image: ranking1
},
color: "#fff",
align: "center",
height: 20,
fontsize: 13
},
lg2: {
width: 60,
backgroundcolor: {
image: ranking2
},
color: "#fff",
align: "center",
height: 20,
fontsize: 13
},
lg3: {
width: 60,
backgroundcolor: {
image: ranking3
},
color: "#fff",
align: "center",
height: 20,
fontsize: 13
},
lg: {
width: 60,
backgroundcolor: {
image: ranking4
},
color: "#fff",
align: "center",
height: 20,
fontsize: 13
},
title: {
width: 60,
fontsize: 13,
align: "center",
padding: [0, 10, 0, 15]
}
}
},
triggerevent: false
},
{
show: true,
inverse: true,
data: data,
axislabel: {
fontsize: 14,
color: "#fff",
// align: "right",
margin: 20,
formatter: value => {
return value >= 10000 ? (value / 10000).tofixed(2) + "w" : value;
}
},
axisline: {
show: false
},
splitline: {
show: false
},
axistick: {
show: false
},
triggerevent: false
}
],
series: [
{
name: "条",
type: "bar",
yaxisindex: 0,
data: data,
barwidth: 12,
itemstyle: {
borderradius: 30,
color: function (params) {
let num = colors.length;
return colors[params.dataindex % num];
}
},
label: {
show: true,
position: [12, 0],
lineheight: 14,
color: "#fff",
formatter: params => {
return params.data.percentage;
}
}
},
{
name: "框",
type: "bar",
yaxisindex: 1,
data: data.map(val => {
if (!val.maxvalue) {
return 5;
}
return val.maxvalue;
}),
barwidth: 18,
itemstyle: {
color: "none",
bordercolor: "#00c1de",
borderwidth: 1,
borderradius: 15
},
silent: true
}
]
};
// 将配置设置到 echarts 实例中
mychart.setoption(option);
</script>
</body>
</html>
发表评论