# wjFinancialChart Class

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wjFinancialChart Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>KnockoutJS binding for the <a href="wijmo_chart_finance.financialchart.html">FinancialChart</a> control.</p>
								</div>
								<p>Use the <a href="wijmo_knockout_chart_finance.wjfinancialchart.html">wjFinancialChart</a> binding to add <a href="wijmo_chart_finance.financialchart.html">FinancialChart</a> controls to your
								KnockoutJS applications. For example:</p>
								<pre>&lt;p&gt;Here is a FinancialChart control:&lt;/p&gt;
&lt;div data-bind="wjFinancialChart: { itemsSource: data, chartType: 'Candlestick' }"&gt;
    &lt;div data-bind="wjFlexChartLegend : {
        position: 'Top' }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFinancialChartSeries: {
         name: 'close',
        binding: 'high,low,open,close' }"&gt;
    &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;</pre>
								<p>The <b>wjFinancialChart</b> binding may contain the following child bindings:
								<a href="wijmo_knockout_chart.wjflexchartaxis.html">wjFlexChartAxis</a>, <a href="wijmo_knockout_chart_finance.wjfinancialchartseries.html">wjFinancialChartSeries</a>, <a href="wijmo_knockout_chart.wjflexchartlegend.html">wjFlexChartLegend</a>.</p>
								<p>The <b>wjFinancialChart</b> binding supports all read-write properties and events of
									the <a href="wijmo_chart_finance.financialchart.html">FinancialChart</a> control, and the additional <b>tooltipContent</b> property
									that assigns a value to the <b>FinancialChart.tooltip.content</b> property.
								The <b>selection</b> property provides two-way binding mode.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjFlexChartBaseBinding</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">wjFinancialChart</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>