Skip to content

Commit bf6d40b

Browse files
1022922: Updated ReadMe file of the project.
1 parent 54dc14a commit bf6d40b

1 file changed

Lines changed: 34 additions & 9 deletions

File tree

README.md

Lines changed: 34 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,43 @@
11
# How to Customize the Date-Time Axis in Blazor Charts
22

3-
This example explains about how to add a date time axis to Blazor Charts and customize it with various built-in options. This project also includes a code snippet to format the chart axis labels, change the log base values and set custom range and interval for x-axis.
3+
This project demonstrates how to configure and customize a DateTime axis in Blazor Charts using built-in configuration options. It focuses on common visualization scenarios where time-based data needs to be displayed clearly and accurately. The sample application shows how to format axis labels, adjust logarithmic base values, and define custom ranges and intervals for the X-axis when working with date and time values.
44

5-
**Example**: https://blazor.syncfusion.com/demos/chart/date-time-axis
5+
The example is designed to help developers understand how Blazor Charts handle date-time data and how different configuration settings affect chart rendering and readability. It serves as a practical reference for implementing time-based charts in real-world Blazor applications.
66

7-
**Documentation**: https://blazor.syncfusion.com/documentation/chart/date-time-axis
7+
## Project Overview
8+
9+
The project uses Blazor Charts to visualize date-time data along the horizontal axis. It highlights how axis customization can improve data interpretation, especially when dealing with varying time intervals, ranges, or formatting requirements. Developers can explore how different axis settings influence chart behavior and presentation.
10+
11+
## Features
12+
13+
- DateTime axis configuration for Blazor Charts
14+
- Custom formatting of axis labels
15+
- Ability to define custom range and interval values
16+
- Support for adjusting logarithmic base values
17+
- Practical, working example aligned with official documentation
818

919
## Prerequisites
1020

11-
* Visual Studio 2022
21+
Before running the project, ensure the following are installed:
22+
23+
- Visual Studio 2022
24+
- .NET SDK compatible with Blazor projects
25+
26+
## How to Run the Project
27+
28+
1. Clone or download this repository to your local machine.
29+
2. Open the solution file using Visual Studio 2022.
30+
3. Restore the required NuGet packages by rebuilding the solution.
31+
4. Run the project to launch the sample application.
32+
33+
## Usage
34+
35+
Once the application is running, review the chart configuration code to understand how the DateTime axis is defined and customized. Modify the axis properties to see how changes in intervals, ranges, or label formats affect the chart output. This helps in learning how to tailor charts to specific time-based data requirements.
36+
37+
## Additional Resources
1238

13-
## How to run the project
39+
**Live Example**:
40+
https://blazor.syncfusion.com/demos/chart/date-time-axis
1441

15-
* Checkout this project to a location in your disk.
16-
* Open the solution file using the Visual Studio 2022.
17-
* Restore the NuGet packages by rebuilding the solution.
18-
* Run the project.
42+
**Documentation**:
43+
https://blazor.syncfusion.com/documentation/chart/date-time-axis

0 commit comments

Comments
 (0)