# Wijmo_Chart.Charttype

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								ChartType Enumeration
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Specifies the chart type.</p>
								</div>
							</div>
						</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>
												Enumeration members
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#area" class="tsd-kind-icon">Area</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#bar" class="tsd-kind-icon">Bar</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#bubble" class="tsd-kind-icon">Bubble</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#candlestick" class="tsd-kind-icon">Candlestick</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#column" class="tsd-kind-icon">Column</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#funnel" class="tsd-kind-icon">Funnel</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#highlowopenclose" class="tsd-kind-icon">High<wbr>Low<wbr>Open<wbr>Close</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#line" class="tsd-kind-icon">Line</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#linesymbols" class="tsd-kind-icon">Line<wbr>Symbols</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#scatter" class="tsd-kind-icon">Scatter</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#spline" class="tsd-kind-icon">Spline</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#splinearea" class="tsd-kind-icon">Spline<wbr>Area</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#splinesymbols" class="tsd-kind-icon">Spline<wbr>Symbols</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#step" class="tsd-kind-icon">Step</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#steparea" class="tsd-kind-icon">Step<wbr>Area</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_chart.charttype.html#stepsymbols" class="tsd-kind-icon">Step<wbr>Symbols</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Enumeration members</h2>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="area" class="tsd-anchor"></a>
								<h3>Area</h3>
								<div class="tsd-signature tsd-kind-icon">Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;5</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows a line chart with the area below the line filled with color.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="bar" class="tsd-anchor"></a>
								<h3>Bar</h3>
								<div class="tsd-signature tsd-kind-icon">Bar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;1</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows horizontal bars.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="bubble" class="tsd-anchor"></a>
								<h3>Bubble</h3>
								<div class="tsd-signature tsd-kind-icon">Bubble<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;6</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows a Scatter chart with a third data value that determines the
											size of the symbol. The data for this chart type can be defined using the
											<a href="../classes/wijmo_chart.flexchart.html">FlexChart</a> or <a href="../classes/wijmo_chart.series.html">Series</a> <b>binding</b> property as a comma separated value in the
										following format: "yProperty, bubbleSizeProperty".</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="candlestick" class="tsd-anchor"></a>
								<h3>Candlestick</h3>
								<div class="tsd-signature tsd-kind-icon">Candlestick<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;7</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Presents items with high, low, open, and close values.
											The size of the wick line is determined by the High and Low values,
											while the size of the bar is determined by the Open and Close values.
											The bar is displayed using different colors, depending on
											whether the close value is higher or lower than the open value.
											The data for this chart type can be defined using the
											<a href="../classes/wijmo_chart.flexchart.html">FlexChart</a> or <a href="../classes/wijmo_chart.series.html">Series</a> <b>binding</b> property as a comma separated value in the
										following format: "highProperty, lowProperty, openProperty, closeProperty".</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="column" class="tsd-anchor"></a>
								<h3>Column</h3>
								<div class="tsd-signature tsd-kind-icon">Column<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;0</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows vertical bars and allows you to compare values of items across categories.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="funnel" class="tsd-anchor"></a>
								<h3>Funnel</h3>
								<div class="tsd-signature tsd-kind-icon">Funnel<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;12</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a funnel chart, usually representing stages in a process such as a sales pipeline.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="highlowopenclose" class="tsd-anchor"></a>
								<h3>HighLowOpenClose</h3>
								<div class="tsd-signature tsd-kind-icon">High<wbr>Low<wbr>Open<wbr>Close<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;8</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays the same information as a candlestick chart, except that opening
											values are displayed using lines to the left, while lines to the right
											indicate closing values.  The data for this chart type can be defined using the
											<a href="../classes/wijmo_chart.flexchart.html">FlexChart</a> or <a href="../classes/wijmo_chart.series.html">Series</a> <b>binding</b> property as a comma separated value in the
										following format: "highProperty, lowProperty, openProperty, closeProperty".</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="line" class="tsd-anchor"></a>
								<h3>Line</h3>
								<div class="tsd-signature tsd-kind-icon">Line<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;3</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows trends over a period of time or across categories.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="linesymbols" class="tsd-anchor"></a>
								<h3>LineSymbols</h3>
								<div class="tsd-signature tsd-kind-icon">Line<wbr>Symbols<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;4</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows a line chart with a symbol on each data point.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="scatter" class="tsd-anchor"></a>
								<h3>Scatter</h3>
								<div class="tsd-signature tsd-kind-icon">Scatter<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;2</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Shows patterns within the data using X and Y coordinates.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="spline" class="tsd-anchor"></a>
								<h3>Spline</h3>
								<div class="tsd-signature tsd-kind-icon">Spline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;9</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a line chart that plots curves rather than angled lines through the
										data points.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="splinearea" class="tsd-anchor"></a>
								<h3>SplineArea</h3>
								<div class="tsd-signature tsd-kind-icon">Spline<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;11</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a spline chart with the area below the line filled with color.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="splinesymbols" class="tsd-anchor"></a>
								<h3>SplineSymbols</h3>
								<div class="tsd-signature tsd-kind-icon">Spline<wbr>Symbols<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;10</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a spline chart with symbols on each data point.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="step" class="tsd-anchor"></a>
								<h3>Step</h3>
								<div class="tsd-signature tsd-kind-icon">Step<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;13</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a step chart</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="steparea" class="tsd-anchor"></a>
								<h3>StepArea</h3>
								<div class="tsd-signature tsd-kind-icon">Step<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;15</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a step area chart</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="stepsymbols" class="tsd-anchor"></a>
								<h3>StepSymbols</h3>
								<div class="tsd-signature tsd-kind-icon">Step<wbr>Symbols<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;14</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Displays a step chart with symbols on each data point.</p>
									</div>
								</div>
							</section>
						</section>
					</div>