# Wijmo_Chart.Legend

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								Legend Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Represents the chart legend.</p>
								</div>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">Legend</span>
									<ul class="tsd-hierarchy">
										<li>
											<a href="wijmo_angular2_chart.wjflexchartlegend.html" class="tsd-signature-type">WjFlexChartLegend</a>
										</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>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo_chart.legend.html#constructor" class="tsd-kind-icon">constructor</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#isvertical" class="tsd-kind-icon">is<wbr>Vertical</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#maxsize" class="tsd-kind-icon">max<wbr>Size</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#orientation" class="tsd-kind-icon">orientation</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#position" class="tsd-kind-icon">position</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#reverse" class="tsd-kind-icon">reverse</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#scrollbar" class="tsd-kind-icon">scrollbar</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#title" class="tsd-kind-icon">title</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart.legend.html#titlealign" class="tsd-kind-icon">title<wbr>Align</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Legend<span class="tsd-signature-symbol">(</span>chart<span class="tsd-signature-symbol">: </span><a href="wijmo_chart.flexchartbase.html" class="tsd-signature-type">FlexChartBase</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo_chart.legend.html" class="tsd-signature-type">Legend</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes a new instance of the <a href="wijmo_chart.legend.html">Legend</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>chart: <a href="wijmo_chart.flexchartbase.html" class="tsd-signature-type">FlexChartBase</a></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p><a href="wijmo_chart.flexchartbase.html">FlexChartBase</a> that owns this <a href="wijmo_chart.legend.html">Legend</a>.</p>
													</div>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_chart.legend.html" class="tsd-signature-type">Legend</a></h4>
									</li>
								</ul>
							</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="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">
								</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">
								<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">
								</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">
								<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">
								</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">
								<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">
								</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">
								<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">
								</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">
								<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">
								</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">
								<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">
								</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">
								<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">
								</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>
					</div>