DPM / GPM 绘图

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'
    }
  ]
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 223,567评论 6 521
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 95,644评论 3 401
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 170,540评论 0 366
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 60,466评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 69,481评论 6 399
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,026评论 1 314
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,414评论 3 426
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,376评论 0 278
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,914评论 1 322
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,967评论 3 343
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,104评论 1 354
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,758评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,429评论 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,920评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,038评论 1 275
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,586评论 3 380
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,129评论 2 362

推荐阅读更多精彩内容