<div class="header-panel member">
<h2><span class="identifier">WjFlexChartLegend</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</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>AngularJS directive for the <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a> <a href="topic/wijmo.chart.Legend.Class.html"><span class="identifier">Legend</span></a> object.</p>
<p>The <b>wj-flex-chart-legend</b> directive must be contained in a <a href="topic/wijmo.angular.WjFlexChart.Class.html"><span class="identifier">WjFlexChart</span></a> directive, <a href="topic/wijmo.angular.WjFlexPie.Class.html"><span class="identifier">WjFlexPie</span></a> directive or <a href="topic/wijmo.angular.WjFinancialChart.Class.html"><span class="identifier">WjFinancialChart</span></a> directive.
It supports the following attributes:</p>
<p><dl class="dl-horizontal">
  <dt>position</dt>       <dd><code>@</code> The <a href="topic/wijmo.chart.Position.Enum.html"><span class="identifier">Position</span></a> value indicating the position of the
                          legend.</dd>
</dl></p>
<p>The example below shows how you can use the wj-flex-chart-legend directive
to change the position of the chart legend:</p>


<pre>&lt;wj-flex-chart
  items-source="data"
  binding-x="country"&gt;
  &lt;wj-flex-chart-axis
      wj-property="axisY"
      major-unit="5000"&gt;
    &lt;/wj-flex-chart-axis&gt;
    &lt;wj-flex-chart-series
      binding="sales"
      name="Sales"&gt;
    &lt;/wj-flex-chart-series&gt;
  &lt;wj-flex-chart-legend
    position="Bottom"&gt;
  &lt;/wj-flex-chart-legend&gt;
&lt;/wj-flex-chart&gt;</pre></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
