Betting Entertainment Tools

Widgets Demo

Ball Posession

A match.ballPossession brings ball possession percentages for both teams.

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

Parameters
Name Type Attributes Default Description
props object <required>
matchId number <required>

Match ID
disableWidgetHeader boolean false

When set to true, hides widget header.
disableMatchHeader boolean false

When set to true, hides match header.
disableBallPossession boolean false

When set to true, hides "ball possession" chart.
disablePitchStatistics boolean false

When set to true, hides pitch statistics.
disablePlayDirection boolean false

When set to true, hides arrow "play direction".
enableEmptyState boolean false

When set to true, enables empty state chart in case of no data.
layout string circular

Default layout, accepts circular or line.
onTrack function

Function/event handler, see Tracking options.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.ballPossession" data-sr-match-id="20521319"></div>
<script type="application/javascript" src="https://widgets.sir.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.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'match.ballPossession', {matchId: 20521319});
</script>
<div id="sr-widget"></div>