Skip to content
Open
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions aspnet-core/Chart/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Chart
documentation: ug
---

# Appearance
# Appearance in ASP.NET Core Chart

## Custom color palette

Expand All @@ -24,7 +24,7 @@ The chart displays different series in different colors, by default. You can cus
{% endhighlight %}


![](Appearance_images/Appearance_img1.png)
![Appearance in APS.NET Core Chart](Appearance_images/aspnetcore-chart-appearance.png)


N> The color palette is applied to the points in accumulation type of series
Expand Down Expand Up @@ -53,7 +53,7 @@ You can set the desired theme by using the **Theme** property. The default theme

{% endhighlight %}

![](Appearance_images/Appearance_img2.png)
![Theme in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-theme.png)


## Point level customization
Expand All @@ -74,7 +74,7 @@ Marker, data label, and fill color of each point in a series can be customized i

{% endhighlight %}

![](Appearance_images/Appearance_img3.png)
![Level customization in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-level-customization.png)


## Series border customization
Expand All @@ -94,7 +94,7 @@ To customize the series border color, width, and dash array, use **Series.Border

{% endhighlight %}

![](Appearance_images/Appearance_img4.png)
![Series border customization in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-series-border-customization.png)


## Chart area customization
Expand All @@ -111,7 +111,7 @@ The chart background can be customized by using the **Background** property. To

{% endhighlight %}

![](Appearance_images/Appearance_img5.png)
![Area customization in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-area-customization.png)


**Chart Margin**
Expand All @@ -127,7 +127,7 @@ The chart background can be customized by using the **Background** property. To

{% endhighlight %}

![](Appearance_images/Appearance_img6.png)
![Margin in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-margin.png)


**Setting background image**
Expand All @@ -142,7 +142,7 @@ Background image can be added to the chart by using the **BackGroundImageUrl** p

{% endhighlight %}

![](Appearance_images/Appearance_img7.png)
![Background image in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-background-image.png)


**Chart area background**
Expand All @@ -160,7 +160,7 @@ The chart area background can be customized by using the **Background** property

{% endhighlight %}

![](Appearance_images/Appearance_img8.png)
![Chart area in ASP.NET Core](Appearance_images/aspnetcore-chart-area.png)


### Customize chart area grid bands
Expand All @@ -178,7 +178,7 @@ You can provide different color for alternate grid's rows and columns formed by

{% endhighlight %}

![](Appearance_images/Appearance_img9.png)
![Grid band in ASP.NET Core Chart](Appearance_images/aspnetcore-chart-grid-band.png)


### Animation
Expand Down