# Wijmo_React_Chart_Interaction

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.react.chart.interaction Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains React components for the <b>wijmo.chart.interaction</b> module.</p>
								</div>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Variables
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-variable tsd-parent-kind-external-module"><a href="wijmo_react_chart_interaction.html#flexchartgestures" class="tsd-kind-icon">Flex<wbr>Chart<wbr>Gestures</a></li>
											<li class="tsd-kind-variable tsd-parent-kind-external-module"><a href="wijmo_react_chart_interaction.html#flexchartrangeselector" class="tsd-kind-icon">Flex<wbr>Chart<wbr>Range<wbr>Selector</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Variables</h2>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-external-module">
								<a name="flexchartgestures" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagConst">Const</span> FlexChartGestures</h3>
								<div class="tsd-signature tsd-kind-icon">Flex<wbr>Chart<wbr>Gestures<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">WjForwardRefExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">FlexChartGesturesProps</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>React component for the <a href="../classes/wijmo_chart_interaction.chartgestures.html">wijmo.chart.interaction.ChartGestures</a> class.</p>
									</div>
									<p>The <b>flex-chart-gestures</b> component should be contained in
										one of the following components:
										<a href="wijmo_react_chart.html#flexchart">wijmo.react.chart.FlexChart</a>
									or <a href="wijmo_react_chart_finance.html#financialchart">wijmo.react.chart.finance.FinancialChart</a>.</p>
									<p>The component supports all properties and events of the pure JavaScript <a href="../classes/wijmo_chart_interaction.chartgestures.html">wijmo.chart.interaction.ChartGestures</a> class it represents.</p>
									<p>The component includes an <b>initialized</b> event that is raised when the control is initialized after it is added to the page.
										You can use this event to perform further initialization in addition to setting properties in JSX.
									The signature of the handler function is the same as any other Wijmo event handlers.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-external-module">
								<a name="flexchartrangeselector" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagConst">Const</span> FlexChartRangeSelector</h3>
								<div class="tsd-signature tsd-kind-icon">Flex<wbr>Chart<wbr>Range<wbr>Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">WjForwardRefExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">FlexChartRangeSelectorProps</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>React component for the <a href="../classes/wijmo_chart_interaction.rangeselector.html">wijmo.chart.interaction.RangeSelector</a> class.</p>
									</div>
									<p>The <b>flex-chart-range-selector</b> component should be contained in
										one of the following components:
										<a href="wijmo_react_chart.html#flexchart">wijmo.react.chart.FlexChart</a>
									or <a href="wijmo_react_chart_finance.html#financialchart">wijmo.react.chart.finance.FinancialChart</a>.</p>
									<p>The component supports all properties and events of the pure JavaScript <a href="../classes/wijmo_chart_interaction.rangeselector.html">wijmo.chart.interaction.RangeSelector</a> class it represents.</p>
									<p>The component includes an <b>initialized</b> event that is raised when the control is initialized after it is added to the page.
										You can use this event to perform further initialization in addition to setting properties in JSX.
									The signature of the handler function is the same as any other Wijmo event handlers.</p>
								</div>
							</section>
						</section>
					</div>