Documentation

Widgets.us.team.mlb.DepthChart

us.team.mlb.depthChart shows depth chart for the provided team

For the widget to render you need to provide teamId.

new DepthChart(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Description
teamId number

Team id.
disableHeader boolean <optional>

When set to true, hides header.
border boolean <optional>

When set to true, displays border.
onItemClick function <optional>

Function/event handler. Emits playerId on table row click or touch.
Examples

HTML/Declarative

<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/uscommon/widgetloader" data-sr-language="en_us" async></script>

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/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.mlb.depthChart', {teamId: 3656});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<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/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.team.mlb.depthChart', {teamId: 3656, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>