Documentation

Widgets.us.match.soccer.Momentum

us.match.soccer.momentum shows us the course of the match, graphicaly shown as momentum

For the widget to render you need to provide matchId.

new Momentum(props)

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

Match id.
disableWidgetHeader boolean <optional>

If true hides widget header.
chartContanierHeight number <optional>
 130

The height of the momentum chart in pixels.
chartStyle string <optional>
 bars

You can choose, how the chart will show. The options are: bars, thinBars, line, timeLine
disableCrests boolean <optional>

If true crests are not shown.
disableTeamNames boolean <optional>

If true team names are not shown.
border boolean <optional>

If true draws border around widget.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.soccer.momentum" data-sr-match-id="20064536"></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.soccer.momentum', {matchId: 20064536});
</script>
<div id="sr-widget"></div>