echarts
网址:https://echarts.apache.org/examples/zh/editor.html?c=scatter-simple
战队图标:F12 ==> 缩进界面【否则不好点击到图片】
快速选择图片:Ctrl + Shift + C
image.png
数据来源:
S12:Teams playing in World Championship 2022 - win rate, KDA, match history and more (gol.gg)
S13:https://gol.gg/teams/list/season-ALL/split-ALL/tournament-Worlds%20Main%20Event%202023/
赛程【Tournaments】Lol esport tournaments list - Games of legends (gol.gg)
S12:World Championship 2022 match list - Games of Legends (gol.gg)
S13:Worlds Main Event 2023 match list - Games of Legends (gol.gg)
击杀热图:
Faker:https://gol.gg/teams/team-heatmap/1791/split-ALL/tournament-Worlds%20Main%20Event%202023/
这是去年 LOL 决赛前画的,没想到决赛折了,还好今年夺冠了,S12主题曲逐星再也伤不到我了
option = {
title: {
text: "英雄联盟S12 各战队 DPM / GPM 分析",
x: "center",
y: "top",
textAlign:'left'
},
backgroundColor: "rgba(140, 215, 250, 0.8)", // 背景颜色 40, 43, 36 【0.6 透明度(0,1)之间】
xAxis: {
min:1500,
max:2000,
name:'GPM',
// splitLine: { 隐藏刻度
// show: false
// }
},
yAxis: {
min:1600,
max:2600,
name:'DPM',
// splitLine: { 隐藏刻度
// show: false
// }
},
series: [
{
symbolSize: 20,
data:[
[1933, 2540]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/Lnvg81c.png'
}, // T1
{
symbolSize: 20,
data:[
[1891, 2420]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/OmQFUQE.png'
}, // JDG
{
symbolSize: 20,
data:[
[1889, 2250]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/v31MOD3.png'
}, // TES
{
symbolSize: 20,
data:[
[1862, 2390]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/wqgd4I9.png'
}, // DWG
{
symbolSize: 20,
data:[
[1840, 2190]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/2vYtmLX.png'
}, // DRX
{
symbolSize: 20,
data:[
[1825, 2030]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/BzRXJgx.png'
}, // RNG
{
symbolSize: 20,
data:[
[1810, 2170]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/CMPnLDn.png'
}, // GenG
{
symbolSize: 20,
data:[
[1801, 2365]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/JP2g6Cc.png'
}, // EDG
{
symbolSize: 20,
data:[
[1725, 2099]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/ULLMgmk.png'
}, // Rogue
{
symbolSize: 20,
data:[
[1689, 2079]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/aJbUie8.png'
}, // Fnatic
{
symbolSize: 20,
data:[
[1688, 1845]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/tug3Yru.png'
}, // CFO
{
symbolSize: 20,
data:[
[1659, 1688]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/zdixLzB.png'
}, // 100T
{
symbolSize: 20,
data:[
[1649, 1985]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/YCbX4Np.png'
}, // EG
{
symbolSize: 20,
data:[
[1646, 1795]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/eatHR5B.png'
}, // G2
{
symbolSize: 20,
data:[
[1625, 1910]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/OQe8iWp.png'
}, // GAM
{
symbolSize: 20,
data:[
[1594, 1820]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/YtUzv8m.png'
}, // C9
{
symbolSize: 5,
color: "red",
data: [
[1933, 2481], // T1
[1891, 2364], // JDG
[1889, 2189], // TES
[1862, 2332], // DWG
[1832, 2129], // DRX
[1825, 1974], // RNG
[1818, 2117], // GenG
[1801, 2299], // EDG
[1725, 2029], // Rogue
[1689, 2020], // Fnatic
[1688, 1784], // CFO
[1659, 1625], // 100T
[1649, 1921], // EG
[1637, 1743], // G2
[1625, 1847], // GAM
[1594, 1760] // C9
],
type: 'scatter'
}
]
};
渲染模式:SVG
image.png
版本1:
image.png
成品:
https://www.bilibili.com/video/BV1pN4y1W7Tv/
S13
option = {
title: {
text: "英雄联盟S13 各战队 DPM / GPM 分析",
x: "center",
y: "top",
textAlign:'left'
},
backgroundColor: "rgba(139, 112, 66, 0.1)", // 背景颜色 40, 43, 36 【0.6 透明度(0,1)之间】
xAxis: {
min:1600,
max:2000,
name:'GPM',
// splitLine: { 隐藏刻度
// show: false
// }
},
yAxis: {
min:1300,
max:2400,
name:'DPM',
// splitLine: { 隐藏刻度
// show: false
// }
},
series: [
{
symbolSize: 60,
data:[
[1927, 2205]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/qoyLjKC.png'
}, // T1
{
symbolSize: 50,
data:[
[1854, 2130]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/IvSRIGI.png'
}, // JDG
{
symbolSize: 50,
data:[
[1717, 1730]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/HXP6MO2.png'
}, // TL
{
symbolSize: 50,
data:[
[1849, 2265]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/JJJjLwc.png'
}, // DK
{
symbolSize: 50,
data:[
[1725, 2170]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/rll7TLN.png'
}, // GAM
{
symbolSize: 50,
data:[
[1774, 1840]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/othVs6i.png'
}, // LNG
{
symbolSize: 50,
data:[
[1895, 2210]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/IYMGvH7.png'
}, // GenG
{
symbolSize: 50,
data:[
[1811, 2210]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/DCW62S3.png'
}, // BLG
{
symbolSize: 50,
data:[
[1757, 2060]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/tA9wwk7.png'
}, // MAD
{
symbolSize: 50,
data:[
[1843, 2230]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/NTifLsC.png'
}, // Fnatic
{
symbolSize: 50,
data:[
[1810, 2060]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/1bwsggC.png'
}, // KT
{
symbolSize: 50,
data:[
[1682, 1360]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/lGyhNJE.png'
}, // BDS
{
symbolSize: 50,
data:[
[1819, 2310]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/k9xMcMk.png'
}, // WBG
{
symbolSize: 50,
data:[
[1722, 2270]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/T6JA5O4.png'
}, // G2
{
symbolSize: 50,
data:[
[1780, 2200]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/nwQDhGZ.png'
}, // NRG
{
symbolSize: 50,
data:[
[1809, 1927]
],
type: 'scatter',
symbol:'image://https://i.imgur.com/MqxEtEk.png'
}, // C9
{
symbolSize: 5,
color: "red",
data: [
[1927, 2171], // T1
[1854, 2100], // JDG
[1717, 1690], // TL
[1849, 2229], // DK
[1725, 2129], // GAM
[1774, 1793], // LNG
[1895, 2147], // GenG
[1811, 2182], // BLG
[1757, 2017], // MAD
[1843, 2197], // Fnatic
[1810, 2017], // KT
[1682, 1322], // BDS
[1819, 2270], // WBG
[1722, 2225], // G2
[1780, 2167], // NRG
[1809, 1927] // C9
],
type: 'scatter'
}
]
};