Documentation

Widgets.us.season.mlb.TopPlayersCarousel

us.season.mlb.topPlayersCarousel displays MLB top players stats in carousel

To have specific stats for players, statString must be set

List of stat keys:

  • rbi (Hitting runs batted in)
  • ba (Hitting batting average)
  • slg (Hitting slugging percentage)
  • obp (Hitting on base percentage)
  • xbh (Hitting extra base hits)
  • h (Hitting hits)
  • 2b (Hitting doubles)
  • 3b (Hitting triples)
  • hr (Hitting home runs)
  • ab (Hitting at bats)
  • babip (Hitting batting average on balls in play)
  • iso (Hitting isolated power)
  • bbk (Hitting walks per strikeout)
  • abhr (Hitting at bats per homerun)
  • sb (Hitting stolen bases)
  • cs (Hitting caught stealing)
  • pa (Hitting plate appearances)
  • hgofo (Hitting ground out to fly out ratio)
  • hgoao (Hitting ground out to air out ratio)
  • era (Pitching overall earned run average)
  • w (Pitching overall wins)
  • l (Pitching overall losses)
  • ip (Pitching overall outs pitched)
  • sv (Pitching overall saves)
  • whip (Pitching overall walks plus hits per innings pitched)
  • k (Pitching overall total strikeouts)
  • bb (Pitching overall walks)
  • kbb (Pitching overall strikeouts per walk)
  • cg (Pitching overall complete games)
  • sho (Pitching overall shutouts)
  • qs (Pitching overall quality starts)
  • hld (Pitching overall holds)
  • oba (Pitching overall opponents batting average)
  • pgofo (Pitching overall ground out to fly out ratio)
  • pgoao (Pitching overall ground out to air out ratio)
  • gs (Pitching overall games started)

new TopPlayersCarousel(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
seasonId number <optional>

Season id.
statString string <optional>

String with stat keys (rbi, ba, slg, ...)
seasonType string <optional>
 'regular'

Season type. You can choose between regular and playoffs
autoplay boolean <optional>
 true

Carousel autoplay turned on/off.
autoplaySpeed number <optional>
 5000

Carousel autoplay speed (ms).
border boolean <optional>

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

Function/event handler. Emits playerId on click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.mlb.topPlayersCarousel" data-sr-season-id="88607"></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.mlb.topPlayersCarousel', {seasonId: 88607});
</script>

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.mlb.topPlayersCarousel', {seasonId: 88607, onItemClick: function(type, obj){alert('playerId: ' + obj.playerId);}});
</script>
<div id="sr-widget"></div>