Skip to content
Merged
Show file tree
Hide file tree
Changes from all 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
18 changes: 9 additions & 9 deletions aspnet-core/Chart/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ The chart displays different series in different colors, by default. You can cus
{% endhighlight %}


![](Appearance_images/Appearance_img1.png)
![Custom color palette in ASP.NET Core Chart](appearance_images/aspnetcore-chart-custom-color-palette.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)
![Themes in ASP.NET Core Chart](appearance_images/aspnetcore-chart-themes.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)
![Point level customization in ASP.NET Core Chart](appearance_images/aspnetcore-chart-point-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)
![Customize chart background in ASP.NET Core Chart](appearance_images/aspnetcore-chart-customization-background.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)
![Chart margin in ASP.NET Core](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)
![Setting background image in ASP.NET Core Chart](appearance_images/aspnetcore-chart-setting-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 background in ASP.NET Core](appearance_images/aspnetcore-chart-area-background.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)
![Customize chart area grid bands in ASP.NET Core Chart](appearance_images/aspnetcore-chart-customize-chart-area-grid-bands.png)


### Animation
Expand Down