Added id property to sankey chart Inbox and rebalnce examples in v9 (microsoft#35195)

Author: v-baambati

packages/charts/react-charts/stories/src/SankeyChart/SankeyChartInbox.stories.tsx

@@ -162,9 +162,9 @@ export const SankeyChartInbox: React.FunctionComponent<{}> = (): JSXElement => {
     <div>
       <div style={{ display: 'flex' }}>
         <label>change Width:</label>
-        <input type="range" value={width} min={400} max={1600} onChange={_onWidthChange} />
+        <input type="range" id="changeWidth_Inbox" value={width} min={400} max={1600} onChange={_onWidthChange} />
         <label>change Height:</label>
-        <input type="range" value={height} min={312} max={400} onChange={_onHeightChange} />
+        <input type="range" id="changeHeight_Inbox" value={height} min={312} max={400} onChange={_onHeightChange} />
       </div>
       <div style={rootStyle}>
         <SankeyChart

packages/charts/react-charts/stories/src/SankeyChart/SankeyChartRebalance.stories.tsx

@@ -374,9 +374,9 @@ export const SankeyChartRebalance: React.FunctionComponent<{}> = (): JSXElement
           onChange={_onDataSourceChange}
         />
         <label>change Width:</label>
-        <input type="range" value={width} min={400} max={1600} onChange={_onWidthChange} />
+        <input type="range" id="changeWidth_Rebalance" value={width} min={400} max={1600} onChange={_onWidthChange} />
         <label>change Height:</label>
-        <input type="range" value={height} min={312} max={400} onChange={_onHeightChange} />
+        <input type="range" id="changeHeight_Rebalance" value={height} min={312} max={400} onChange={_onHeightChange} />
       </div>
       <div style={rootStyle}>
         <SankeyChart