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
32 changes: 16 additions & 16 deletions aspnet-core/Chart/3D-Chart.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: 3D Chart | Chart | ASP.NET CORE | Syncfusion
description: 3d chart
description: Learn here more about 3d chart support in Syncfusion Essential ASP.NET Core Charts Control, its elements, and more.
platform: aspnet-core
control: Chart
documentation: ug
---

# 3D Chart
# 3D Chart in ASP.NET Core Charts

Essential 3D chart for ASP.NET Core allows you to view 8 chart types in 3D view such as bar, stacking bar, stacking bar 100, column, stacked column, 100% stacked column, pie, and doughnut.

Expand All @@ -29,7 +29,7 @@ For rendering a 3D column chart, specify the series type to **Column** in the ch

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img1.png)
![3D column chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img1.png)


## 3D bar chart
Expand All @@ -50,7 +50,7 @@ You can create a 3D bar chart by setting the series type to **Bar** in the chart

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img2.png)
![3D bar chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img2.png)


## 3D stacked column chart
Expand All @@ -76,7 +76,7 @@ You can create a 3D stacked column chart by setting the series type to **Stackin

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img3.png)
![3D stacked column chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img3.png)

## 3D 100% stacked column chart

Expand All @@ -101,7 +101,7 @@ You can create a 3D stacked column chart by setting the series type to **Stackin

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img4.png)
![3D 100% stacked column chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img4.png)


## 3D stacked bar chart
Expand All @@ -127,7 +127,7 @@ To create stacking bar 3D chart, set the series type to **StackingBar** in the c

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img5.png)
![3D stacked bar chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img5.png)


## 3D 100% stacked bar chart
Expand All @@ -153,7 +153,7 @@ You can create 100% stacking bar 3D chart by setting the series type to **Stacki

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img6.png)
![3D 100% stacked bar chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img6.png)


## 3D pie chart
Expand All @@ -174,7 +174,7 @@ To render the pie chart in 3D view, enable the **Enbel3D** option in the chart,

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img7.png)
![3D pie chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img7.png)


## 3D doughnut chart
Expand All @@ -195,7 +195,7 @@ To render the doughnut chart in 3D view, enable the **Enbel3D** option in the ch

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img8.png)
![3D doughnut chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img8.png)


## Configure 3D chart
Expand All @@ -215,7 +215,7 @@ To render the chart in 3D view, set the **Enable3D** option to true in the chart
{% endhighlight %}


![](3D-Chart_images/3D-Chart_img9.png)
![3D view in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img9.png)


### Placing bar/column kind of series side-by-side
Expand All @@ -233,7 +233,7 @@ The **SideBySideSeriesPlacement** property defines the appearance of the differe
{% endhighlight %}


![](3D-Chart_images/3D-Chart_img10.png)
![Placing bar/column kind of series side-by-side in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img10.png)


### Setting axis wall size
Expand All @@ -251,7 +251,7 @@ In 3D chart, Cartesian axes lines are represented as walls, and they define the
{% endhighlight %}


![](3D-Chart_images/3D-Chart_img11.png)
![Setting axis wall size in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img11.png)


### 3D depth
Expand All @@ -269,7 +269,7 @@ By using the **Depth** property, you can view the 3D chart from the front view o
{% endhighlight %}


![](3D-Chart_images/3D-Chart_img12.png)
![3D depth in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img12.png)


### Rotating and tilting 3D chart
Expand All @@ -287,7 +287,7 @@ To spin the 3D chart by dragging the mouse, enable **EnableRotation** option in
{% endhighlight %}


![](3D-Chart_images/3D-Chart_img13.png)
![Rotating and tilting 3D chart in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img13.png)


### PerspectiveAngle
Expand All @@ -304,4 +304,4 @@ The **PerspectiveAngle** specifies the appearance of the height, width, depth, a

{% endhighlight %}

![](3D-Chart_images/3D-Chart_img14.png)
![PerspectiveAngle in ASP.NET Core Chart](3D-Chart_images/3D-Chart_img14.png)
10 changes: 5 additions & 5 deletions aspnet-core/CircularGauge/Ticks.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Ticks | CircularGauge | Syncfusion
description: ticks
title: Ticks in ASP.NET Core CircularGauge Control | Syncfusion
description: Learn here more about ticks support in Syncfusion Essential ASP.NET Core Circular Gauge Control, its elements, and more.
platform: aspnet-core
control: CircularGauge
documentation: ug
---

# Ticks
# Ticks in ASP.NET Core Circular Gauge

Ticks are used to mark some values on the scale. Based on the tick’s value you can set the labels on the required position.

Expand All @@ -31,7 +31,7 @@ Tick collection is directly added to the scale object. Refer the following code
{% endhighlight %}
Execute the above code to render the following output.

![](Ticks_images/Ticks_img1.png)
![Adding Tick Collection in ASP.NET Core Circular Gauge](Ticks_images/Ticks_img1.png)

Circular Gauge with tick collection
{:.caption}
Expand Down Expand Up @@ -62,7 +62,7 @@ placement="@TickPlacement.Near" distance-from-scale="5"></e-ticks>

Execute the above code to render the following output.

![](Ticks_images/Ticks_img2.png)
![Tick Customization in ASP.NET Core Circular Gauge](Ticks_images/Ticks_img2.png)

Circular Gauge with tick customization
{:.caption}
Expand Down
4 changes: 2 additions & 2 deletions aspnet-core/Diagram/Undo-and-Redo.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Undo and Redo | Diagram | ASP.NET CORE | Syncfusion
description: undo and redo
description: Learn here more about undo and redo support in Syncfusion Essential ASP.NET Core Diagram Control, its elements, and more.
platform: aspnet-core
control: Diagram
documentation: ug
---

# History Manager
# Undo and Redo in ASP.NET Core Diagram

Diagram tracks the history of actions that are performed after loading the time and provides support to reverse and restore those changes.

Expand Down
14 changes: 7 additions & 7 deletions aspnet-core/TreeGrid/Data-Binding.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Data Binding | TreeGrid | ASP.NET Core | Syncfusion
description: data binding
description: Learn here more about data binding support in Syncfusion Essential ASP.NET Core TreeGrid Control, its elements, and more.
platform: aspnet-core
control: TreeGrid
documentation: ug
---

# Data Binding
# Data Binding in ASP.NET Core TreeGrid

Data Binding is the process that establishes a connection between the application and different kinds of data sources such as business objects.

Expand Down Expand Up @@ -290,7 +290,7 @@ The following code example shows you how to bind the Hierarchical local data int

The output of the above steps is as follows:

![](Data-Binding_images/Data-Binding_img1.png)
![Hierarchy Datasource Binding in ASP.NET Core TreeGrid](Data-Binding_images/Data-Binding_img1.png)



Expand Down Expand Up @@ -484,7 +484,7 @@ TreeGrid is rendered from Self-Referential data structures by providing two fiel

The following screenshot shows the output of the above steps,

![](Data-Binding_images/Data-Binding_img2.png)
![Self-Referential Data Binding in ASP.NET Core TreeGrid](Data-Binding_images/Data-Binding_img2.png)

## Remote data binding

Expand Down Expand Up @@ -530,8 +530,8 @@ The following code explains how to use Load on Demand in TreeGrid Control,

The output for load on demand support in TreeGrid:

![](Data-Binding_images/Data-Binding_img3.png)
![](Data-Binding_images/Data-Binding_img4.png)
![Remote data binding in ASP.NET Core TreeGrid](Data-Binding_images/Data-Binding_img3.png)
![Load on demand in ASP.NET Core TreeGrid](Data-Binding_images/Data-Binding_img4.png)

The following code snippet shows on how to enable load on demand support using [`EnableLoadOnDemand`](https://help.syncfusion.com/api/js/ejtreegrid#members:enableLoadOnDemand "enableLoadOnDemand") property.

Expand All @@ -547,7 +547,7 @@ The following code snippet shows on how to enable load on demand support using

The following output shows how load on demand works for expanding action

![](Data-Binding_images/Data-Binding_img5.png)
![Load on demand works for expanding action in ASP.NET Core TreeGrid](Data-Binding_images/Data-Binding_img5.png)

### Load at once:

Expand Down
14 changes: 7 additions & 7 deletions aspnet-core/TreeGrid/Summary-Row.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Summary-Row
description: summary row
title: Summary Row in ASP.NET Core TreeGrid Control | Syncfusion
description: Learn here more about summary row support in Syncfusion Essential ASP.NET Core TreeGrid Control, its elements, and more.
platform: aspnet-core
control: TreeGrid
documentation: ug
---

# Summary Row
# Summary Row in ASP.NET Core TreeGrid

Summary rows in TreeGrid is used to summarize every hierarchy with the set of predefined summary types using the column values.

Expand Down Expand Up @@ -45,7 +45,7 @@ The below code snippet explains defining a summary row in TreeGrid,
</ej-tree-grid>
{% endhighlight %}
The below screenshot shows the output of above code example.
![](SummaryRows_images/SummaryRows_img1.png)
![Defining summary columns in ASP.NET Core TreeGrid](SummaryRows_images/SummaryRows_img1.png)

## Customize height of total summary

Expand All @@ -57,7 +57,7 @@ The below code example shows how to update the footer summary container height.
</ej-tree-grid>
{% endhighlight %}
The below screenshot shows the output of above code example.
![](SummaryRows_images/SummaryRows_img2.png)
![Customize height of total summary in ASP.NET Core TreeGrid](SummaryRows_images/SummaryRows_img2.png)

## Expand/collapse total summary row

Expand All @@ -75,7 +75,7 @@ Please find the below code example to enable collapsible total summary row in Tr
//..
</ej-tree-grid>
{% endhighlight %}
![](SummaryRows_images/SummaryRows_img3.png)
![Using Expander Icon in ASP.NET Core TreeGrid](SummaryRows_images/SummaryRows_img3.png)

N> We can also customize the expander icon column in total summary row by using `_summaryColumnIndex` property and `load` event.

Expand Down Expand Up @@ -125,4 +125,4 @@ Custom summary can be used to create summary values based on your required custo

The output of the tree grid with custom summary value is as follows.

![](SummaryRows_images/CustomSummary_img1.png)
![Custom Summary in ASP.NET Core TreeGrid](SummaryRows_images/CustomSummary_img1.png)