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>
Updated almost 2 years ago