League Charts

Generate League of Legends charts

Demo

Storybook: https://league-charts.vercel.app/storybook/

Example

const leagueCharts = new LeagueCharts("riot-api-key");
leagueCharts.barChart({
  chartStat: "totalDamageDealtToChampions",
  chartContext: document.getElementById("champion-damage-chart"),
  gameName: "AudreyRuston",
  tagLine: "NA1",
  chartOptions: {
    responsive: false,
  },
});

<canvas id="champion-damage-chart" width="750" height="500" />

const leagueCharts = new LeagueCharts("riot-api-key");
leagueCharts.lineChart({
  chartStat: "totalGold",
  chartContext: document.getElementById("gold-advantage-chart"),
  gameName: "AudreyRuston",
  tagLine: "NA1",
  chartOptions: {
    responsive: false,
  },
});

<canvas id="gold-advantage-chart" width="800" height="400" />

  const leagueCharts = new LeagueCharts("riot-api-key");
  leagueCharts.scoreboard({
    chartContext: document.getElementById("scoreboard"),
    gameName: "AudreyRuston",
    tagLine: "NA1",
  });

<canvas id="scoreboard" width="800" height="450" />