Widgets.us.match.nfl.PlayerComparison

Widget us.match.nfl.playerComparison compares and contrasts players from each team across core statistics for the selected game or the entire season.

For the widget to render you need to provide matchId, other properties are optional.


new PlayerComparison(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
matchId string

Match Id.

playerPosition string <optional>
quarterbacks

Sets player position to be compared: quarterbacks, running_backs, receivers, defensive_backs, linebackers, defensive_linemen, kickers, punters.

timeFrame string <optional>
game

Sets time frame: game or season.

disableWidgetHeader boolean <optional>
false

When set to true, hides widget header.

disableMatchHeader boolean <optional>
false

When set to true, hides match header.

collapseGameInformation boolean <optional>
true

When set to false, opens the game information section

useTeamColors boolean <optional>
null

Valid values are:

  • null (the default) = settings from the client configuration are used. If the client is configured to use team colors, then the theme can be overriden with the teamColorsTheme parameter.
  • true = team colors will be used, as specified with the teamColorsTheme parameter. If the teamColorsTheme is not specified and the client configuration does not specify a team colors theme, or if the teamColorsTheme contains an invalid theme name, then team colors will not be used.
  • false = team colors will not be used.
teamColorsTheme string <optional>
null

When set (and not disabled by useTeamColors), specifies the name of the formula to calculate team colors (e.g. mono-team-colors-light).

enableTeamSelect boolean <optional>
false

When set to true, enables team select. Interactive areas are:

  • team name and crest in a match header. PlayerId is emitted on click or touch.
  • player images and dropdown on the statistics (selecting the team of the player). PlayerId is emitted when the selected item is changed or when clicking/touching the player image.
TeamId is emitted on click or touch.

enablePlayerSelect boolean <optional>
false

When set to true, enables player selection. Interactive areas are:

  • player images on the statistics. PlayerId is emitted on click or touch.
  • player dropdowns on the statistics. PlayerId is emitted when the selected item is changed.

onTrack function <optional>

Function/event handler, see Widgets.onTrack

Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.nfl.playerComparison" data-sr-match-id="sd:match:2724b0ed-71b1-4c35-a977-087f4f9404f4"></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.match.nfl.playerComparison', {matchId: 'sd:match:2724b0ed-71b1-4c35-a977-087f4f9404f4'});
</script>
<div id="sr-widget"></div>