---
updatedAt: 2025-08-18T19:17:07.000Z
agentTools:
  siteIndex: https://developer.sportradar.com/llms.txt
  projectIndex: https://developer.sportradar.com/widgets/llms.txt
---

# Game Leaders

<b>us.match.leaders</b> displays a carousel of team leaders for important game statistics.

<Embed url="https://widgets.media.sportradar.com/uscommon/en_us/standalone/us.match.leaders#border=true&matchId=28809486" provider="widgets.media.sportradar.com" href="https://widgets.media.sportradar.com/uscommon/en_us/standalone/us.match.leaders#border=true&matchId=28809486" typeOfEmbed="iframe" height="250px" width="100%" iframe="true" title="undefined" />

For the widget to render you must provide a valid <code>matchId</code>.

### Parameters

<table class="table-striped">
<thead>
  <tr>
    <th>Name</th>
    <th>Type</th>
    <th colspan="5">Description</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><code>props</code></td>
    <td>object</td>
    <td colspan="5">properties</td>
  </tr>
  <tr>
    <td rowspan="9"></td>
    <td rowspan="9"></td>
    <td><b>Name</b></td>
    <td><b>Type</b></td>
    <td><b>Argument</b></td>
    <td><b>Default</b></td>
    <td><b>Description</b></td>
  </tr>
  <tr>
    <td><code>matchId</code></td>
    <td>number</td>
    <td>required</td>
    <td></td>
    <td>Match ID</td>
  </tr>
  <tr>
    <td><code>chartType</code></td>
    <td>string</td>
    <td>optional</td>
    <td>'bars'</td>
    <td>Chart type. Valid options are: <code>bars</code> or <code>circular</code>.</td>
  </tr>
  <tr>
    <td><code>autoplay</code></td>
    <td>boolean</td>
    <td>optional</td>
    <td>'true'</td>
    <td>If <code>false</code> stops carousel autoplay.</td>
  </tr>
  <tr>
    <td><code>disableHeader</code></td>
    <td>boolean</td>
    <td>optional</td>
    <td></td>
    <td>If <code>true</code> hides the header.</td>
  </tr>
  <tr>
    <td><code>disableHeaderDetails</code></td>
    <td>boolean</td>
    <td>optional</td>
    <td></td>
    <td>If <code>true</code> hides the header details.</td>
  </tr>
  <tr>
    <td><code>border</code></td>
    <td>boolean</td>
    <td>optional</td>
    <td></td>
    <td>If <code>true</code> enables a border around the widget.</td>
  </tr>
  <tr>
    <td><code>onItemClick</code></td>
    <td>function</td>
    <td>optional</td>
    <td></td>
    <td>Function/event handler. Emits <code>playerId</code> on click or touch.</td>
  </tr>
</tbody>
</table>

### Examples

```html HTML/Declarative
<div class="sr-widget" data-sr-widget="us.match.leaders" data-sr-match-id="28809486"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>

```

```javascript JS/Programmatic
<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.leaders', {matchId: 28809486});
</script>
<div id="sr-widget"></div>

```

```javascript JS/Example using Event Handlers
<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.leaders', {matchId: 28809486, onItemClick: function(target, obj){alert(obj.playerId);}});
</script>
<div id="sr-widget"></div>

```