Documentation

Widgets.us.match.nhl.ShotChart

us.match.shotChart visualizes goals and shots on a pitch providing team scorers and shooters list.

For the widget to render you need to provide matchId.

new ShotChart(props)

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

Match id.
tabType string <optional>
 'goals'

Selects goals or shots view.
stripedVersion boolean <optional>

If true hides scorers and shooters list.
onlyPitch boolean <optional>

If true hides navigation along with scorers and shooters list.
disableHeader boolean <optional>

If true hides header.
disableHeaderDetails boolean <optional>

If true hides header details.
border boolean <optional>

If true enables a border around the widget.
Examples

HTML/Declarative

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