Vertical Match Timeline
us.match.soccer.verticalTimeline provides a vertical timeline for all events 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 | Default | Description | ||
matchId | number | required | Match ID | |||
disableWidgetHeader | boolean | optional | If true hides the widget header. | |||
disableMatchHeader | boolean | optional | If true hides the match header. | |||
filter | string | optional | Comma separated filtering of events displayed in the timeline. Valid options are: goals , cards , substitutions , corners , penalties , ther . | |||
sortByPeriods | boolean | optional | If true the timeline is divided into period tabs. | |||
eventsLayoutOption | string | optional | mixed | Layout of the timeline. Valid options are: mixed , central , toSides . | ||
disableFooter | boolean | optional | If true hides the footer. | |||
border | boolean | optional | If true draws a border around the widget. |
Examples
<div class="sr-widget" data-sr-widget="us.match.soccer.verticalTimeline" 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.verticalTimeline', {matchId: 20064536});
</script>
<div id="sr-widget"></div>
Updated 7 days ago