Parameters
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
props |
object |
<required> |
||
matchId |
number |
<required> |
Match ID. |
|
disableWidgetHeader |
boolean | false | When set to |
|
disableMatchHeader |
boolean | false | When set to |
|
disablePeriods |
boolean | false | When set to |
|
disableCharts |
boolean | false | When set to |
|
disableGroups |
boolean | false | When set to |
|
chartType |
string | bar | Display mode of charts. Possible options: |
|
layout |
string | normal | When set to |
|
visibleStats |
array | [] | When set to non-empty value, it only displays statistics types specified in the array (if they are available for selected match). Possible options: Stats are ordered as in `visibleStats` prop but grouped inside their respective groups. When `disableGroups` is set to `true`, order of stats is the same as specified in `visibleStats` prop. |
|
onTrack |
function | Function/event handler, see Tracking options. |
Examples
HTML/Declarative
<div id="sr-widget" data-sr-widget="match.generalStatistics" data-sr-match-id="25327336"></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.generalStatistics', {matchId: 25327336});
</script>
<div id="sr-widget"></div>