Skip to content

Commit

Permalink
Update introduction.md
Browse files Browse the repository at this point in the history
  • Loading branch information
martinivanoff authored Feb 26, 2024
1 parent ee7fca3 commit 44ddb4e
Showing 1 changed file with 9 additions and 6 deletions.
15 changes: 9 additions & 6 deletions controls/radchartview/features/palettes/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,11 @@ position: 0

# Introduction

This series of articles will give an overview of the Palette colorization mechanism of RadChartView.
This series of articles will give an overview of the Palette colorization mechanism of RadChartView.

## Overview
The __palette__ is a set of predefined Fills and Strokes which can be used to set the coloring of a chart much easier then setting explicitly the colors for each bar or slice. RadChartView brings you the options to define your own palettes and to use the ones we have prepared for you as well.

The __palette__ is a set of predefined Fills and Strokes which can be used to set the coloring of a chart much easier then setting explicitly the colors for each bar or slice. RadChartView brings you the options to define your own palettes and to use the ones we have prepared for you as well. **Example 1** shows how the "Warm" palette can be used for a simple PieChart:

#### __[XAML] Example 1: RadPieChart with Warm Pallete__
#### __[XAML] RadPieChart with Warm Pallete__
{{region radchartview-pallete}}
<telerik:RadPieChart Palette="Warm">
<telerik:PieSeries>
Expand All @@ -29,9 +27,14 @@ The __palette__ is a set of predefined Fills and Strokes which can be used to se
</telerik:RadPieChart>
{{endregion}}

#### __Figure 1: Result from Example 1__
__Pie chart with the built-in Warm palette__

![Rad Chart View-palettes-introduction-0](images/RadChartView-palettes-introduction-0.png)

The palette coloring is index based, which means that each next chart item (series or data point) will get the next [palette entry]({%slug radchartview-features-palettes-paletteentry%}) from the palette collection. When the palette entries are exhausted, they will start repeating. For example, the built-in palettes have 8 colors defined. The first chart series will take the first palette color, the second series the second color, and so on. If you end up with, lets say, 9 series, the palette entries will start repeating and the first entry will be used for the 9th chart series.

By default the coloring is applied based on the series index, but few of the chart series (like `BarSeries`) allow you to change this behavior via their [PaletteMode]({%slug radchartview-series-barseries%}) property.

## Built In Palettes

Here are all of the predefined chart palettes:
Expand Down

0 comments on commit 44ddb4e

Please sign in to comment.