Documentation

Widgets.nfl.team.DistanceComparison

Widget nfl.team.distanceComparison brings two teams compared based on total distance traveled and contribution efficiency (offense) as well as total distance traveled and contribution efficiency (offensive positions) by position groups. Excludes all special teams plays. All stats update after every completed game.

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

new DistanceComparison(props)

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

Season Id.
leftTeamId string <optional>

Left Team Id. Selects team from left team menu.
If it's not provided, left team selection menu defaults to first team name in AFC conference and alphabetical order.
rightTeamId string <optional>

Right Team Id. Selects team from right team menu.
If it's not provided, right team selection menu defaults to first team name in NFC conference and alphabetical order.
disableTeamMenu bool <optional>
 false

When set to true, disables the team selection menu.

This prop requires:

  • leftTeamId
  • rightTeamId
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).
onTrack function <optional>

Function/event handler, see Widgets.onTrack.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="nfl.team.distancecomparison" data-sr-season-id="2016"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/sportradar/widgetloader" 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/sportradar/widgetloader","USW", {
        language: 'en'
    });
    USW('addWidget', '#sr-widget', 'nfl.team.distancecomparison', {seasonId: 2016});
</script>
<div id="sr-widget"></div>