Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Team Stats Comparison

us.match.soccer.teamStatsComparison displays graphical team comparisons for a variety of statistics in a given match.

For the widget to render you must provide a valid matchId. All other properties are optional.

Parameters

Name Type Description
props object properties
Name Type Argument Description
matchId number required Match ID
disableHeader boolean optional If true hides the header.
border boolean optional If true draws a border around the widget.
onItemClick function optional Function/event handler. Emits playerId on substitution click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.soccer.teamStatsComparison" data-sr-match-id="20064536"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>

<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.teamStatsComparison', {matchId: 20064536});
</script>
<div id="sr-widget"></div>

<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.teamStatsComparison', {matchId: 20064536, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>