# Customizing Data Symbols

## Content



Customizing the data symbols in your application enhances the presentation and understanding of the chart. FlexChart allows you to customize the data symbols using **SymbolRendered** event of the **Series** class.

The image below shows each of point of a series in a different colour.

![](https://cdn.mescius.io/document-site-files/images/8ba28e07-1633-4a6a-9114-13b9f1f04eed/images/symbolrender.png)

You can use the following code to customize the data symbols using **SymbolRendered** event.

**csharp**

```csharp
private void VendorSeries_SymbolRendering(object sender, RenderSymbolEventArgs e)
{
    // fetches the color for the vendor from database model and draws the data symbol
    e.Engine.SetFill(new SolidColorBrush(ViewModel.SmartPhoneVendors.ElementAt(e.Index).Color));
    e.Engine.SetStroke(new SolidColorBrush(ViewModel.SmartPhoneVendors.ElementAt(e.Index).Color));
}
```