# Wijmo_Chart.Palettes

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								Palettes Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>These are predefined color palettes for chart <a href="wijmo_chart.series.html">Series</a> objects.</p>
								</div>
								<p>To create custom color palettes, supply an array of strings or rgba values.</p>
								<p>You can specify palettes for <a href="wijmo_chart.flexchart.html">FlexChart</a> and <a href="wijmo_chart.flexpie.html">FlexPie</a> controls.
								For example:</p>
								<pre>chart.palette = Palettes.light;</pre>
								<p>The following palettes are pre-defined:</p>
								<ul>
									<li>standard (default)</li>
									<li>cocoa</li>
									<li>coral</li>
									<li>dark</li>
									<li>highcontrast</li>
									<li>light</li>
									<li>midnight</li>
									<li>modern</li>
									<li>organic</li>
									<li>slate</li>
									<li>zen</li>
									<li>cyborg</li>
									<li>superhero</li>
									<li>flatly</li>
									<li>darkly</li>
									<li>cerulan</li>
								</ul>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">Palettes</span>
								</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 tsd-is-static"><a href="wijmo_chart.palettes.html#diverging" class="tsd-kind-icon">Diverging</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="wijmo_chart.palettes.html#qualitative" class="tsd-kind-icon">Qualitative</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="wijmo_chart.palettes.html#sequentialmulti" class="tsd-kind-icon">Sequential<wbr>Multi</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="wijmo_chart.palettes.html#sequentialsingle" class="tsd-kind-icon">Sequential<wbr>Single</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 tsd-is-static">
								<a name="diverging" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> Diverging</h3>
								<div class="tsd-signature tsd-kind-icon">Diverging<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Diverging palettes from ColorBrewer <a href="https://colorbrewer2.org">https://colorbrewer2.org</a>.</p>
									</div>
									<p>Diverging palettes are used to indicate distance from a critical point. These color schemes work
										well when your data has some mid-point. For example, temperature data could be a shade of blue below zero,
									a red color is for the values above zero and temperature around zero would have a neutral color.</p>
									<p>You can specify palettes for charting controls, like <a href="wijmo_chart.flexchart.html">FlexChart</a> and <a href="wijmo_chart.flexpie.html">FlexPie</a>, or
										use palette for <a href="wijmo_chart_map.colorscale.html#colors">ColorScale.colors</a> property.
									For example:</p>
									<pre>chart.palette = Palettes.Diverging.BrBG;</pre>
									<p>The Diverging palettes include the following color schemes:</p>
									<ul>
										<li>BrBG</li>
										<li>PiYG</li>
										<li>PRGn</li>
										<li>PuOr</li>
										<li>RdBu</li>
										<li>RdGy</li>
										<li>RdYlBu</li>
										<li>RdYlGn</li>
										<li>Spectral</li>
									</ul>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
								<a name="qualitative" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> Qualitative</h3>
								<div class="tsd-signature tsd-kind-icon">Qualitative<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>This product includes color specifications and designs developed by Cynthia Brewer (<a href="http://colorbrewer.org/">http://colorbrewer.org/</a>).
										Please see license at <a href="https://github.com/axismaps/colorbrewer/blob/master/LICENCE.txt">https://github.com/axismaps/colorbrewer/blob/master/LICENCE.txt</a></p>
									</div>
									<p>Qualitative palettes from ColorBrewer <a href="https://colorbrewer2.org">https://colorbrewer2.org</a> .</p>
									<p>Qualitative (or categorical) palettes are usually used for plotting independent data categories
										which don't have any specific order. For example, the series that represents shipping methods or
										product types. The colors in these palettes are selected to be distinctive and clearly indicate
									difference between data series.</p>
									<p>You can specify palettes for charting controls, like <a href="wijmo_chart.flexchart.html">FlexChart</a> and <a href="wijmo_chart.flexpie.html">FlexPie</a>.
									For example:</p>
									<pre>chart.palette = Palettes.Qualitative.Accent;</pre>
									<p>The Qualitative palettes include the following color schemes:</p>
									<ul>
										<li>Accent</li>
										<li>Dark2</li>
										<li>Paired</li>
										<li>Pastel1</li>
										<li>Pastel2</li>
										<li>Set1</li>
										<li>Set2</li>
										<li>Set2</li>
									</ul>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
								<a name="sequentialmulti" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> SequentialMulti</h3>
								<div class="tsd-signature tsd-kind-icon">Sequential<wbr>Multi<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Sequential multi-hue palettes from ColorBrewer <a href="https://colorbrewer2.org">https://colorbrewer2.org</a>.</p>
									</div>
									<p>Sequential palettes are used for data that have ordered, quantitative nature, for example precipitation amount
										or number of road incidents for some region. In addition to lightness variation, these color schemes also
									use several hues to improve perception.</p>
									<p>You can specify palettes for charting controls, like <a href="wijmo_chart.flexchart.html">FlexChart</a> and <a href="wijmo_chart.flexpie.html">FlexPie</a>, or
										use palette for <a href="wijmo_chart_map.colorscale.html#colors">ColorScale.colors</a> property.
									For example:</p>
									<pre>chart.palette = Palettes.SequentialMulti.BuGn;</pre>
									<p>The Sequential multi-hue palettes include the following color schemes:</p>
									<ul>
										<li>BuGn</li>
										<li>BuPu</li>
										<li>GnBu</li>
										<li>OrRd</li>
										<li>PuBu</li>
										<li>PuBuGn</li>
										<li>PuRd</li>
										<li>RdPu</li>
										<li>YlGn</li>
										<li>YlGnBu</li>
										<li>YlOrBr</li>
										<li>YlOrRd</li>
									</ul>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
								<a name="sequentialsingle" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagStatic">Static</span> SequentialSingle</h3>
								<div class="tsd-signature tsd-kind-icon">Sequential<wbr>Single<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Sequential single-hue palettes from ColorBrewer <a href="https://colorbrewer2.org">https://colorbrewer2.org</a>.</p>
									</div>
									<p>Sequential palettes are used for data that have ordered, quantitative nature, for example precipitation amount
										or number of road incidents for some region. These color schemes are shade variations of a single base color,
									usually from light to dark.</p>
									<p>You can specify palettes for charting controls, like <a href="wijmo_chart.flexchart.html">FlexChart</a> and <a href="wijmo_chart.flexpie.html">FlexPie</a>, or
										use palette for <a href="wijmo_chart_map.colorscale.html#colors">ColorScale.colors</a> property.
									For example:</p>
									<pre>chart.palette = Palettes.SequentialSingle.Blues;</pre>
									<p>The Sequential single-hue palettes include the following color schemes:</p>
									<ul>
										<li>Blues</li>
										<li>Greens</li>
										<li>Greys</li>
										<li>Oranges</li>
										<li>Purples</li>
										<li>Reds</li>
									</ul>
								</div>
							</section>
						</section>
					</div>