Documentation

Widgets.match.Momentum

A match.momentum brings momentum for selected match.

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

new Momentum(props)

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

Match ID.
disableWidgetHeader boolean <optional>
 false

When set to true, hides widget header.
chartStyle string <optional>
 bar

3 possible chart style types (bars, thinBars, line).
disableChart boolean <optional>
 false

When set to true, shows timeline chart instead of momentum.
disableEventTooltip boolean <optional>
 false

When set to true, disables tooltips when mouse moves over event.
onItemClick function <optional>

Function/event handler. Emits eventId and event data object on click or touch.
enableEventSelect boolean <optional>
 false

When set to true, enables onItemClick handler.
onTrack function <optional>

Function/event handler, see Widgets.onTrack.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.momentum" data-sr-match-id="18428096"></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', 'match.momentum', {matchId: 31000861});
</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/sportradar/widgetloader","USW", {
        language: 'en'
    });
    USW('addWidget', '#sr-widget', 'match.momentum', {matchId: 31000861, onItemClick: function(type, idObject, dataObject){alert('eventId:' + idObject.eventId + '\nevent: ' + dataObject.event);}});
</script>
<div id="sr-widget"></div>