Skip to content
Open
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
54 changes: 43 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,54 @@
# Pointer Types and their Customizations in Blazor Circular Gauge Component

A quick-start project that teaches you the pointer types and its customization in a Syncfusion Blazor Circular Gauge component to a Blazor WebAssembly app. You will learn how to change the pointer color, radius, position and enabling pointer dragging in Circular Gauge component.
This project is a quick-start Blazor WebAssembly application that demonstrates the available pointer types and customization options in the Syncfusion Blazor Circular Gauge component. It focuses on configuring visual styles and interactive behaviors of gauge pointers using supported APIs.

**Documentation**: https://blazor.syncfusion.com/documentation/circular-gauge/pointers
## Project Overview

**Online example**: https://blazor.syncfusion.com/demos/circular-gauge/pointer-types
The application showcases how circular gauge pointers can be customized to meet different UI and data visualization requirements. It uses the Syncfusion Blazor Circular Gauge component and demonstrates practical customization scenarios such as changing pointer appearance, adjusting layout behavior, and enabling user interaction through dragging.

This project is intended for developers who are learning how to work with Syncfusion Blazor components and want a focused example that highlights pointer-related features without unnecessary complexity.

## Features

The following pointer-related customizations are demonstrated in this project:

- Different pointer types supported by the Circular Gauge component
- Customizing pointer colors to match design requirements
- Adjusting pointer radius and position within the gauge
- Enabling and working with draggable pointers for interactive use cases

## Prerequisites

* Visual Studio 2022
To run and modify this project, ensure the following tools are installed:

- Visual Studio 2022
- .NET SDK compatible with Blazor WebAssembly
- Basic knowledge of Blazor and Razor components

## How to Run the Project

1. Clone or download this repository to your local system.
2. Open the solution file using Visual Studio 2022.
3. Restore the NuGet packages by rebuilding the solution.
4. Run the project using the built-in Visual Studio debugger.

Once the application is running, you can explore how different pointer settings affect the circular gauge.

## Usage

This project can be used as:

- A learning reference for understanding pointer customization
- A starting template for building gauge-based dashboards
- A sample for experimenting with interactive gauge features in Blazor

You can modify pointer properties directly in the Razor components to see the changes reflected immediately.

## How to run the project
## Additional Resources

* Checkout this project to a location in your disk.
* Open the solution file using the Visual Studio 2022.
* Restore the NuGet packages by rebuilding the solution.
* Run the project.
- **Documentation**: https://blazor.syncfusion.com/documentation/circular-gauge/pointers
- **Demo**: https://blazor.syncfusion.com/demos/circular-gauge/pointer-types

## Further help
## Further Help

To get more help, check the [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor).
For more information about building Blazor applications, refer to the official [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor)
Loading