How do you set a default focus() on an element
<p>I'm trying to make an Angular Application (uses D3.js) Web Accessible.</p>

<p>Goal: When a user calls for a particular chart (in this case a sunburst), the chart expands into view. My intention is to create a default focus on a specific element of the chart so once the user calls/selects the chart, the chart will automatically have focus. </p>

<p>Problem: Once I expand the sunburst chart into view, the Tabbing order resets from the start of the page (there is no page load as its a Single Page Application). Then the user would have to TAB through the whole page to navigate to the sunburst chart. 
I have already set the center node to have an attribute of <em>Tabindex:0</em>.
So now the center node can be accessed via keyboard navigation (tabbing).</p>

<pre><code>var defaultNode = d3.select(sunburstChartdetail").select("path").attr("tabindex", 0);
</code></pre>

<p>I have tried:</p>

<pre><code>  defaultNode.focus(); 
</code></pre>

<p>but I get a console error suggesting 'focus' is not a function</p>

<p><em>NOTE: Unfortunately I cannot post the code for NDA reasons.</em></p>