Documentation

Widgets.us.match.WinProbability

us.match.winProbability displays team match win probability.

For the widget to render you need to provide matchId.

new WinProbability(props)

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

Match id.
border boolean <optional>

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

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

HTML/Declarative

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

JS/Example of using Event Handlers

<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.winProbability', {matchId: 18277461, onItemClick: function(target, obj){alert(target+':'JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>