Documentation

Widgets.us.season.nhl.TeamStatsGraphic

us.season.nhl.teamStatsGraphic visualizes relevant season statistic categories with season min and max for selected team.

For the widget to render you need to provide seasonId.

new TeamStatsGraphic(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
seasonId number

Season id.
teamUid number <optional>

Selected unique team id.
seasonType string <optional>
 'regular'

Selected season type. Can be regular, playoffs.
disableDropdown boolean <optional>

If true hides team dropdown.
border boolean <optional>

If true enables a border around the widget.
onItemClick function <optional>

Function/event handler. Emits uniqueTeamId on team dropdown change.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.nhl.teamStatsGraphic" data-sr-season-id="54837"></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.season.nhl.teamStatsGraphic', {seasonId: 54837, seasonType: 'playoffs'});
</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.season.nhl.teamStatsGraphic', {seasonId: 54837, teamUid: 3688, onItemClick: function(type, obj){alert('uniqueTeamId: ' + obj.uniqueTeamId);}});
</script>
<div id="sr-widget"></div>