# wijmo.vue2.chart.interaction Module

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.vue2.chart.interaction Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains Vue 2 and 3 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_vue2_chart_interaction.html#wjflexchartgestures" class="tsd-kind-icon">Wj<wbr>Flex<wbr>Chart<wbr>Gestures</a></li>
											<li class="tsd-kind-variable tsd-parent-kind-external-module"><a href="wijmo_vue2_chart_interaction.html#wjflexchartrangeselector" class="tsd-kind-icon">Wj<wbr>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="wjflexchartgestures" class="tsd-anchor"></a>
								<h3>WjFlexChartGestures</h3>
								<div class="tsd-signature tsd-kind-icon">Wj<wbr>Flex<wbr>Chart<wbr>Gestures<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Vue component for the <a href="../classes/wijmo_chart_interaction.chartgestures.html">wijmo.chart.interaction.ChartGestures</a> class.</p>
									</div>
									<p>The <b>wj-flex-chart-gestures</b> component should be contained in
										one of the following components:
										<a href="wijmo_vue2_chart.html#wjflexchart">wijmo.vue2.chart.WjFlexChart</a>
									or <a href="wijmo_vue2_chart_finance.html#wjfinancialchart">wijmo.vue2.chart.finance.WjFinancialChart</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 markup.
									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="wjflexchartrangeselector" class="tsd-anchor"></a>
								<h3>WjFlexChartRangeSelector</h3>
								<div class="tsd-signature tsd-kind-icon">Wj<wbr>Flex<wbr>Chart<wbr>Range<wbr>Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Vue component for the <a href="../classes/wijmo_chart_interaction.rangeselector.html">wijmo.chart.interaction.RangeSelector</a> class.</p>
									</div>
									<p>The <b>wj-flex-chart-range-selector</b> component should be contained in
										one of the following components:
										<a href="wijmo_vue2_chart.html#wjflexchart">wijmo.vue2.chart.WjFlexChart</a>
									or <a href="wijmo_vue2_chart_finance.html#wjfinancialchart">wijmo.vue2.chart.finance.WjFinancialChart</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 markup.
									The signature of the handler function is the same as any other Wijmo event handlers.</p>
								</div>
							</section>
						</section>
					</div>