# Wijmo_Angular_Chart.Wjflexchartlegend

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjFlexChartLegend Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_chart.flexchart.html">FlexChart</a> <a href="wijmo_chart.legend.html">Legend</a> object.</p>
								</div>
								<p>The <b>wj-flex-chart-legend</b> directive must be contained in a <a href="wijmo_angular_chart.wjflexchart.html">wijmo.angular.chart.WjFlexChart</a> directive, <a href="wijmo_angular_chart.wjflexpie.html">wijmo.angular.chart.WjFlexPie</a> directive or <a href="wijmo_angular_chart_finance.wjfinancialchart.html">wijmo.angular.chart.finance.WjFinancialChart</a> directive.
								It supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>position</dt>       <dd><code>@</code> The <a href="../enums/wijmo_chart.position.html">Position</a> value indicating the position of the
									legend.</dd>
									<dt>reverse</dt>       <dd><code>@</code> The {@link Reverse} value indicating whether to reverse the order of the
									legends. leave it undefined if to let chart decide automatically</dd>
								</dl>
								<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>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartLegend</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>