<div class="header-panel member">
<h2><span class="identifier">wjFlexChart</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.knockout.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.knockout.Module.html"><span class="identifier">wijmo.knockout</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>KnockoutJS binding for the <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a> control.</p>
<p>Use the <a href="topic/wijmo.knockout.wjFlexChart.Class.html"><span class="identifier">wjFlexChart</span></a> binding to add <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a> controls to your 
KnockoutJS applications. For example:</p>


<pre>&lt;p&gt;Here is a FlexChart control:&lt;/p&gt;
&lt;div data-bind="wjFlexChart: { itemsSource: data }"&gt;
    &lt;div data-bind="wjFlexChartLegend : { 
        position: 'Top' }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFlexChartAxis: { 
        wjProperty: 'axisX', 
        title: chartProps.titleX }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFlexChartAxis: { 
        wjProperty: 'axisY', 
        majorUnit: 5000 }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFlexChartSeries: { 
        name: 'Sales', 
        binding: 'sales' }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFlexChartSeries: { 
        name: 'Expenses', 
        binding: 'expenses' }"&gt;
    &lt;/div&gt;
    &lt;div data-bind="wjFlexChartSeries: { 
        name: 'Downloads', 
        binding: 'downloads', 
        chartType: 'LineSymbols' }"&gt;
    &lt;/div&gt;
&lt;/div&gt;</pre>
<p>The <b>wjFlexChart</b> binding may contain the following child bindings: 
<a href="topic/wijmo.knockout.wjFlexChartAxis.Class.html"><span class="identifier">wjFlexChartAxis</span></a>, <a href="topic/wijmo.knockout.wjFlexChartSeries.Class.html"><span class="identifier">wjFlexChartSeries</span></a>, <a href="topic/wijmo.knockout.wjFlexChartLegend.Class.html"><span class="identifier">wjFlexChartLegend</span></a>.</p>
<p>The <b>wjFlexChart</b> binding supports all read-write properties and events of 
the <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a> control, and the additional <b>tooltipContent</b> property
that assigns a value to the <b>FlexChart.tooltip.content</b> property.
The <b>selection</b> property provides two-way binding mode.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
