# Wijmo_Angular2_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>Angular 2 component for the <a href="wijmo_chart.legend.html">wijmo.chart.Legend</a> class.</p>
								</div>
								<p>The <b>wj-flex-chart-legend</b> component must be
									contained in one of the following components:
									<a href="wijmo_angular2_chart.wjflexchart.html">wijmo.angular2.chart.WjFlexChart</a>
									, <a href="wijmo_angular2_chart.wjflexpie.html">wijmo.angular2.chart.WjFlexPie</a>
									, <a href="wijmo_angular2_chart_finance.wjfinancialchart.html">wijmo.angular2.chart.finance.WjFinancialChart</a>
									, <a href="wijmo_angular2_chart_radar.wjflexradar.html">wijmo.angular2.chart.radar.WjFlexRadar</a>
									, <a href="wijmo_angular2_chart_hierarchical.wjsunburst.html">wijmo.angular2.chart.hierarchical.WjSunburst</a>
								or <a href="wijmo_angular2_chart_map.wjflexmap.html">wijmo.angular2.chart.map.WjFlexMap</a>.</p>
								<p>Use the <b>wj-flex-chart-legend</b> component to add <b>Legend</b> controls to your
									Angular 2 applications. For details about Angular 2 markup syntax, see
								<a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.</p>
								<p>The <b>WjFlexChartLegend</b> component is derived from the <b>Legend</b> class and
								inherits all its properties, events and methods.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_chart.legend.html" class="tsd-signature-type">Legend</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartLegend</span>
										</li>
									</ul>
								</li>
							</ul>
						</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart.wjflexchartlegend.html#initialized" class="tsd-kind-icon">initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart.wjflexchartlegend.html#isinitialized" class="tsd-kind-icon">is<wbr>Initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#isvertical" class="tsd-kind-icon">is<wbr>Vertical</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#maxsize" class="tsd-kind-icon">max<wbr>Size</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#orientation" class="tsd-kind-icon">orientation</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#position" class="tsd-kind-icon">position</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#reverse" class="tsd-kind-icon">reverse</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#scrollbar" class="tsd-kind-icon">scrollbar</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#title" class="tsd-kind-icon">title</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart.wjflexchartlegend.html#titlealign" class="tsd-kind-icon">title<wbr>Align</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart.wjflexchartlegend.html#wjproperty" class="tsd-kind-icon">wj<wbr>Property</a></li>
										</ul>
									</section>
									<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>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_angular2_chart.wjflexchartlegend.html#created" class="tsd-kind-icon">created</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Properties</h2>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="initialized" class="tsd-anchor"></a>
								<h3>initialized</h3>
								<div class="tsd-signature tsd-kind-icon">initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>This event is triggered after the component has been initialized by Angular, that is
										all bound properties have been assigned and child components (if any) have been initialized.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="isinitialized" class="tsd-anchor"></a>
								<h3>isInitialized</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Indicates whether the component has been initialized by Angular.
										Changes its value from false to true right before triggering the <b>initialized</b> event.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="isvertical" class="tsd-anchor"></a>
								<h3>isVertical</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Vertical<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#isvertical">isVertical</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets a value if the legends would be shown in vertical direction or horizontal
										the value would be based on the Orientation and the Position of the legend</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="maxsize" class="tsd-anchor"></a>
								<h3>maxSize</h3>
								<div class="tsd-signature tsd-kind-icon">max<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#maxsize">maxSize</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the maximum legend size (width for left or right position and height for top or bottom position).
										The size can be specified in pixels: maxSize = '100px' or percents: maxSize = '50%'.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="orientation" class="tsd-anchor"></a>
								<h3>orientation</h3>
								<div class="tsd-signature tsd-kind-icon">orientation<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart.orientation.html" class="tsd-signature-type">Orientation</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#orientation">orientation</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines the orientation of the legend.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="position" class="tsd-anchor"></a>
								<h3>position</h3>
								<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart.position.html" class="tsd-signature-type">Position</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#position">position</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines whether and where the legend
										appears in relation to the plot area.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="reverse" class="tsd-anchor"></a>
								<h3>reverse</h3>
								<div class="tsd-signature tsd-kind-icon">reverse<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#reverse">reverse</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines whether the legend would be shown in reverse order or not
											The value should be 'true' or 'false' or undefined. Default value is undefined.
											If true, legends wwould be shown in reverse order
											If false, legends would be shown in non-reverse order
										If undefined, it would be decided automatically by the chart.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="scrollbar" class="tsd-anchor"></a>
								<h3>scrollbar</h3>
								<div class="tsd-signature tsd-kind-icon">scrollbar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#scrollbar">scrollbar</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines whether the scrollbar should be used for a long legend.</p>
									</div>
									<p>The default value for this property is <strong>false</strong>.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="title" class="tsd-anchor"></a>
								<h3>title</h3>
								<div class="tsd-signature tsd-kind-icon">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#title">title</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines the title of the legend.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="titlealign" class="tsd-anchor"></a>
								<h3>titleAlign</h3>
								<div class="tsd-signature tsd-kind-icon">title<wbr>Align<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart.legend.html">Legend</a>.<a href="wijmo_chart.legend.html#titlealign">titleAlign</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a value that determines the align value of the legend.
										The value should be 'left', 'center' or 'right'.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="wjproperty" class="tsd-anchor"></a>
								<h3>wjProperty</h3>
								<div class="tsd-signature tsd-kind-icon">wj<wbr>Property<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a name of a property that this component is assigned to.
										Default value is 'legend'.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="created" class="tsd-anchor"></a>
								<h3>created</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">created<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>If you create a custom component inherited from a Wijmo component, you can override this
													method and perform necessary initializations that you usually do in a class constructor.
													This method is called in the last line of a Wijmo component constructor and allows you
													to not declare your custom component's constructor at all, thus preventing you from a necessity
												to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>