Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Depth Chart

us.team.nfl.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 string required Team ID
disableDropdown boolean optional When set to true disables the team selection dropdown..
disableHeaderDetails boolean optional When set to true disables the season header detail.
onItemClick function optional Function/event handler. Emits playerId on table row click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.team.nfl.depthChart" data-sr-team-id="sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932"></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.nfl.depthChart', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932'});
</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.nfl.depthChart', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932', seasonId: 2017, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>