diff --git a/blazor/accumulation-chart/accessibility.md b/blazor/accumulation-chart/accessibility.md index 33e4213363..56069e681e 100644 --- a/blazor/accumulation-chart/accessibility.md +++ b/blazor/accumulation-chart/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Accessibility using Keyboard navigation in Syncfusion Blazor Accumulation Chart component and more. +title: Accessibility in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Accessibility using Keyboard navigation in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug @@ -75,4 +75,4 @@ The accessibility compliance of the Blazor Accumulation Chart component is shown ## See also -* [Accessibility in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file +* [Accessibility in Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file diff --git a/blazor/accumulation-chart/adaptive-layout.md b/blazor/accumulation-chart/adaptive-layout.md index 86a9cccbc0..5065712fd1 100644 --- a/blazor/accumulation-chart/adaptive-layout.md +++ b/blazor/accumulation-chart/adaptive-layout.md @@ -1,7 +1,7 @@ --- layout: post -title: Adaptive Layout in Blazor Accumulation Chart Component | Syncfusion -description: Check out and learn how to configure and utilize the Adaptive Layout in Syncfusion Blazor Accumulation Chart component. +title: Adaptive Layout in Blazor Accumulation Chart Component | Syncfusion® +description: Check out and learn how to configure and utilize the Adaptive Layout in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Adaptive Layout in Blazor Accumulation Chart Component -When viewing the accumulation chart on mobile devices, some elements may not display properly due to limited screen space. The **Syncfusion® Accumulation Chart Adaptive Layout** feature dynamically adjusts chart elements for optimal display based on screen size and orientation. Enable the `EnableAdaptiveRendering` property to allow the chart to automatically adapt to container size changes, ensuring clear alignment and visibility of elements such as the legend, data labels, chart title, and more. +When viewing the accumulation chart on mobile devices, some elements may not display properly due to limited screen space. The **Accumulation Chart Adaptive Layout** feature dynamically adjusts chart elements for optimal display based on screen size and orientation. Enable the `EnableAdaptiveRendering` property to allow the chart to automatically adapt to container size changes, ensuring clear alignment and visibility of elements such as the legend, data labels, chart title, and more. ```cshtml diff --git a/blazor/accumulation-chart/animation.md b/blazor/accumulation-chart/animation.md index 18e26cc649..4d354f9f64 100644 --- a/blazor/accumulation-chart/animation.md +++ b/blazor/accumulation-chart/animation.md @@ -1,7 +1,7 @@ --- layout: post -title: Animation in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Animation in Syncfusion Blazor Accumulation Chart component and more. +title: Animation in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Animation in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug @@ -47,7 +47,7 @@ You can customize animation for a series using [`Animation`](https://help.syncfu ## Disable animation on programmatic refresh -You can programmatically refrsh chart using [Refresh](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html#Syncfusion_Blazor_Charts_SfAccumulationChart_Refresh_System_Boolean_) method. You can enable or disable animation by passing boolean parameter to `Refresh` method. +You can programmatically refresh chart using [Refresh](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html#Syncfusion_Blazor_Charts_SfAccumulationChart_Refresh_System_Boolean_) method. You can enable or disable animation by passing boolean parameter to `Refresh` method. ```cshtml @using Syncfusion.Blazor.Charts diff --git a/blazor/accumulation-chart/annotation.md b/blazor/accumulation-chart/annotation.md index 07b3c8c023..221b3a6082 100644 --- a/blazor/accumulation-chart/annotation.md +++ b/blazor/accumulation-chart/annotation.md @@ -1,7 +1,7 @@ --- layout: post -title: Annotation in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Annotation in Syncfusion Blazor Accumulation Chart component and more. +title: Annotation in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Annotation in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/center-label.md b/blazor/accumulation-chart/center-label.md index 012f45630c..c77c49b197 100644 --- a/blazor/accumulation-chart/center-label.md +++ b/blazor/accumulation-chart/center-label.md @@ -1,7 +1,7 @@ --- layout: post -title: Center Label in Blazor Pie and Donut Chart Component | Syncfusion -description: Checkout and learn here all about Center Label in Syncfusion Blazor Pie and Donut Chart component and more. +title: Center Label in Blazor Pie and Donut Chart Component | Syncfusion® +description: Checkout and learn here all about Center Label in Blazor Pie and Donut Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/chart-print.md b/blazor/accumulation-chart/chart-print.md index ac25571540..286ebb2d4c 100644 --- a/blazor/accumulation-chart/chart-print.md +++ b/blazor/accumulation-chart/chart-print.md @@ -1,7 +1,7 @@ --- layout: post -title: Print and Export in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Print and Export in Syncfusion Blazor Accumulation Chart component and more. +title: Print and Export in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Print and Export in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/chart-types/funnel.md b/blazor/accumulation-chart/chart-types/funnel.md index 223f875c3d..4db330f565 100644 --- a/blazor/accumulation-chart/chart-types/funnel.md +++ b/blazor/accumulation-chart/chart-types/funnel.md @@ -1,7 +1,7 @@ --- layout: post -title: Funnel in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Funnel in Syncfusion Blazor Accumulation Chart component and more. +title: Funnel in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Funnel in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/chart-types/pie-doughnut.md b/blazor/accumulation-chart/chart-types/pie-doughnut.md index 4c776c6102..c6cd780931 100644 --- a/blazor/accumulation-chart/chart-types/pie-doughnut.md +++ b/blazor/accumulation-chart/chart-types/pie-doughnut.md @@ -1,7 +1,7 @@ --- layout: post -title: Pie and Doughnut in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Pie and Doughnut in Syncfusion Blazor Accumulation Chart component and more. +title: Pie and Doughnut in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Pie and Doughnut in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/chart-types/pyramid.md b/blazor/accumulation-chart/chart-types/pyramid.md index f21e6add79..e8fe80ea2d 100644 --- a/blazor/accumulation-chart/chart-types/pyramid.md +++ b/blazor/accumulation-chart/chart-types/pyramid.md @@ -1,7 +1,7 @@ --- layout: post -title: Pyramid in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Pyramid in Syncfusion Blazor Accumulation Chart component and more. +title: Pyramid in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Pyramid in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/data-label.md b/blazor/accumulation-chart/data-label.md index c37fad806c..cf43516437 100644 --- a/blazor/accumulation-chart/data-label.md +++ b/blazor/accumulation-chart/data-label.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Label in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Data Label in Syncfusion Blazor Accumulation Chart component and more. +title: Data Label in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Data Label in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/empty-points.md b/blazor/accumulation-chart/empty-points.md index 32b6ea032d..cff3c630a0 100644 --- a/blazor/accumulation-chart/empty-points.md +++ b/blazor/accumulation-chart/empty-points.md @@ -1,7 +1,7 @@ --- layout: post -title: Empty Points in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Empty Points in Syncfusion Blazor Accumulation Chart component and more. +title: Empty Points in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Empty Points in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/events.md b/blazor/accumulation-chart/events.md index df20c08269..d9d62cfd57 100644 --- a/blazor/accumulation-chart/events.md +++ b/blazor/accumulation-chart/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Events in Syncfusion Blazor Accumulation Chart component and more. +title: Events in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Events in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/getting-started-with-server-app.md b/blazor/accumulation-chart/getting-started-with-server-app.md index c23199626d..55d207672e 100644 --- a/blazor/accumulation-chart/getting-started-with-server-app.md +++ b/blazor/accumulation-chart/getting-started-with-server-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started | Blazor Accumulation Chart in Server App | Syncfusion -description: Checkout and learn about getting started with Blazor Accumulation Chart component in Blazor Server App. +title: Accumulation Chart with Blazor Server App | Syncfusion® +description: Checkout and learn about getting started with Blazor Accumulation Chart component in Blazor Server App and much more details. platform: Blazor control: Accumulation Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Accumulation Chart in Blazor Server App -This section briefly explains how to include [Syncfusion® Blazor Accumulation Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains how to include [Blazor Accumulation Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua ## Create a new Blazor App in Visual Studio Code -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.Charts](https://www.nuget.org/packages/Syncfusion.Blazor.Charts/) NuGet package in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (dotnet add package Syncfusion.Blazor.Charts --version {{ site.releaseversion }}), or the .NET CLI. @@ -114,9 +114,9 @@ N> The `~/` notation represents the root directory of your project. This file is {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Server App. This step enables the Syncfusion components to work in your application. +Register the Blazor service in the **Program.cs** file of your Blazor Server App. This step enables the Syncfusion components to work in your application. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -142,9 +142,9 @@ The Syncfusion JavaScript library needs to be included in your application. The N> Check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor Accumulation Chart component +## Add Blazor Accumulation Chart component -Add the Syncfusion® Blazor Accumulation Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. +Add the Blazor Accumulation Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. @@ -193,7 +193,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati {% endhighlight %} {% endtabs %} -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Accumulation Chart component in the default web browser. +Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Accumulation Chart component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/LjhzDWVeVKeUbWGh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Pie Chart](images/getting-started/blazor-pie-chart-webapp.webp)" %} @@ -202,5 +202,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -1. [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -2. [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +1. [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +2. [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) diff --git a/blazor/accumulation-chart/getting-started-with-web-app.md b/blazor/accumulation-chart/getting-started-with-web-app.md index b272e9424a..5c6baaa2ce 100644 --- a/blazor/accumulation-chart/getting-started-with-web-app.md +++ b/blazor/accumulation-chart/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Accumulation Chart in Blazor Web App +title: Getting Started with Accumulation Chart Blazor Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Accumulation Chart Component in Blazor Web App. platform: Blazor component: Accumulation Chart @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Accumulation Chart in Blazor Web App -This section briefly explains how to include [Syncfusion® Blazor Accumulation Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains how to include [Blazor Accumulation Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`). @@ -99,7 +99,7 @@ cd .. N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.Charts](https://www.nuget.org/packages/Syncfusion.Blazor.Charts/) NuGet package in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (dotnet add package Syncfusion.Blazor.Charts --version {{ site.releaseversion }}), or the .NET CLI. @@ -134,9 +134,9 @@ N> {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Web App. This step enables the Syncfusion components to work in your application. +Register the Blazor service in the **Program.cs** file of your Blazor Web App. This step enables the Syncfusion components to work in your application. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -150,7 +150,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add script resources @@ -164,9 +164,9 @@ The Syncfusion JavaScript library needs to be included in your application. The N> Check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor Accumulation Chart component +## Add Blazor Accumulation Chart component -Add the Syncfusion® Blazor Accumulation Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/Home.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +Add the Blazor Accumulation Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/Home.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. @@ -215,7 +215,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem {% endhighlight %} {% endtabs %} -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Accumulation Chart component in the default web browser. +Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Accumulation Chart component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/LjhzDWVeVKeUbWGh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Pie Chart](images/getting-started/blazor-pie-chart-webapp.webp)" %} @@ -223,5 +223,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -1. [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -2. [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +1. [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +2. [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) diff --git a/blazor/accumulation-chart/getting-started.md b/blazor/accumulation-chart/getting-started.md index 81fddde4b0..a255352e48 100644 --- a/blazor/accumulation-chart/getting-started.md +++ b/blazor/accumulation-chart/getting-started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Blazor Accumulation Chart | Syncfusion -description: Checkout and learn about getting started with Blazor Accumulation Chart component in Blazor WebAssembly App. +title: Getting Started with Accumulation Chart Blazor WASM App | Syncfusion® +description: Checkout and learn about getting started with Blazor Accumulation Chart component in Blazor WebAssembly App and much more details. platform: Blazor control: Accumulation Chart documentation: ug @@ -11,7 +11,7 @@ documentation: ug # Getting Started with Blazor Accumulation Chart Component -This section briefly explains how to include [Syncfusion® Blazor Accumulation Chart](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains how to include [Blazor Accumulation Chart](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -23,7 +23,7 @@ This section briefly explains how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. +Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. {% endtabcontent %} @@ -35,7 +35,7 @@ Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates ## Create a new Blazor App in Visual Studio Code -Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. Alternatively, create a WebAssembly application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp {% endtabcontents %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.Charts](https://www.nuget.org/packages/Syncfusion.Blazor.Charts/) NuGet package into your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (dotnet add package Syncfusion.Blazor.Charts --version {{ site.releaseversion }}), or the .NET CLI. @@ -114,9 +114,9 @@ N> The `~/` notation represents the root directory of your project. This file is {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor WebAssembly App. This step enables the Syncfusion components to work in your application. +Register the Blazor service in the **Program.cs** file of your Blazor WebAssembly App. This step enables the Syncfusion components to work in your application. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -142,9 +142,9 @@ The Syncfusion JavaScript library needs to be included in your application. The N> Check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor Accumulation Chart component +## Add Blazor Accumulation Chart component -Add the Syncfusion® Blazor Accumulation Chart component in the **~/Pages/Home.razor** file. +Add the Blazor Accumulation Chart component in the **~/Pages/Home.razor** file. {% tabs %} {% highlight razor tabtitle="Home.razor" %} @@ -184,7 +184,7 @@ Add the Syncfusion® Blazor Accumulation Cha {% endhighlight %} {% endtabs %} -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Accumulation Chart component in the default web browser. +Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Accumulation Chart component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/LjhzDWVeVKeUbWGh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Pie Chart](images/getting-started/blazor-pie-chart.webp)" %} @@ -192,5 +192,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -* [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +* [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +* [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) diff --git a/blazor/accumulation-chart/gradient.md b/blazor/accumulation-chart/gradient.md index bc7955a613..ceba987eed 100644 --- a/blazor/accumulation-chart/gradient.md +++ b/blazor/accumulation-chart/gradient.md @@ -1,7 +1,7 @@ --- layout: post -title: Gradient in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn about applying linear and radial gradients to Accumulation Charts in Syncfusion Blazor Charts +title: Gradient in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn about applying linear and radial gradients to Accumulation Charts in Blazor Charts and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/grouping.md b/blazor/accumulation-chart/grouping.md index b9a1c1dcfe..3844b38b83 100644 --- a/blazor/accumulation-chart/grouping.md +++ b/blazor/accumulation-chart/grouping.md @@ -1,7 +1,7 @@ --- layout: post -title: Grouping in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Grouping in Syncfusion Blazor Accumulation Chart component and more. +title: Grouping in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Grouping in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/how-to/do-nut.md b/blazor/accumulation-chart/how-to/do-nut.md index 86d15a4c7a..b4f7bc8160 100644 --- a/blazor/accumulation-chart/how-to/do-nut.md +++ b/blazor/accumulation-chart/how-to/do-nut.md @@ -1,7 +1,7 @@ --- layout: post -title: Text placing center of Blazor Doughnut Chart Component | Syncfusion -description: Learn here all about Text placing center of the doughnut in Syncfusion Blazor Accumulation Chart component and more. +title: Text placing center of Blazor Doughnut Chart Component | Syncfusion® +description: Learn here all about Text placing center of the doughnut in Syncfusion Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/legend.md b/blazor/accumulation-chart/legend.md index d7aaaf49e2..d69e690e38 100644 --- a/blazor/accumulation-chart/legend.md +++ b/blazor/accumulation-chart/legend.md @@ -1,7 +1,7 @@ --- layout: post -title: Legend in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Legend in Syncfusion Blazor Accumulation Chart component and more. +title: Legend in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all about Legend in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/title-and-sub-title.md b/blazor/accumulation-chart/title-and-sub-title.md index 8e3abfa0ca..8c02b13cdc 100644 --- a/blazor/accumulation-chart/title-and-sub-title.md +++ b/blazor/accumulation-chart/title-and-sub-title.md @@ -1,7 +1,7 @@ --- layout: post -title: Title and Subtitle in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Title and Subtitle in Syncfusion Blazor Accumulation Chart component and more. +title: Title and Subtitle in Blazor Accumulation Chart | Syncfusion® +description: Checkout and learn here all about Title and Subtitle in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug diff --git a/blazor/accumulation-chart/tool-tip.md b/blazor/accumulation-chart/tool-tip.md index a1b874a261..65bfc6c0da 100644 --- a/blazor/accumulation-chart/tool-tip.md +++ b/blazor/accumulation-chart/tool-tip.md @@ -1,7 +1,7 @@ --- layout: post -title: Tooltip in Blazor Accumulation Chart Component | Syncfusion -description: Checkout and learn here all about Tooltip in Syncfusion Blazor Accumulation Chart component and more. +title: Tooltip in Blazor Accumulation Chart Component | Syncfusion® +description: Checkout and learn here all the features about Tooltip in Blazor Accumulation Chart component and much more details. platform: Blazor control: Accumulation Chart documentation: ug