Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Depth Chart

us.team.mlb.depthChart visualizes a depth chart for every position on a given team.

For the widget to render you must provide a valid teamId.

Parameters

Name Type Description
props object properties
Name Type Argument Description
teamId number required Team ID
disableHeader boolean optional When set to true hides header.
category boolean optional When set to true enables a border around the widget.
onItemClick function optional Function/event handler. Emits playerId on table row click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.team.mlb.depthChart" data-sr-team-id="3656"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>
<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.team.mlb.depthChart', {teamId: 3656});
</script>
<div id="sr-widget"></div>
<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.team.mlb.depthChart', {teamId: 3656, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>