diff --git a/README.md b/README.md index 568bbca..6fbed72 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,37 @@ # Show Informative Tooltips in Blazor Charts -This sample shows that how to add tooltip to the Syncfusion Blazor Charts. In this video, you will also learn how to format the tooltip content using both HTML and custom template values. You will also learn how to enhance the look of the tooltips by adding borders to it. +## Project Overview +This project showcases how tooltips can be added to Syncfusion Blazor Charts to improve data visualization and user interaction. It focuses on demonstrating different tooltip customization techniques, including default tooltip behavior, HTML-based formatting, and fully customized tooltip templates. The sample is designed to help developers understand how tooltip content and appearance can be enhanced within Blazor chart components. -**Example**: https://blazor.syncfusion.com/demos/chart/tooltip-template +The project aligns closely with Syncfusion’s official chart tooltip documentation and examples, making it useful as a learning reference or a starting point for implementing similar functionality in real-world Blazor applications. -**Documentation**: https://blazor.syncfusion.com/documentation/chart/tool-tip +## Features +- Display tooltips for data points in Syncfusion Blazor Charts +- Customize tooltip content using HTML formatting +- Use custom tooltip templates for advanced UI control +- Enhance tooltip appearance by adding borders and styling +- Demonstrate tooltip behavior through a working sample application ## Prerequisites +To run this project locally, ensure you have the following installed: +- Visual Studio 2022 +- .NET SDK compatible with Blazor +- Basic knowledge of Blazor and component-based development -* Visual Studio 2022 +## Installation +1. Clone or download this repository to a local folder. +2. Open the solution file in Visual Studio 2022. +3. Restore all required NuGet packages by rebuilding the solution. +4. Ensure the Syncfusion Blazor dependencies are properly restored. -## How to run the project +## Usage +Run the project from Visual Studio to launch the sample Blazor application. Navigate to the chart component within the app to explore how tooltips behave when hovering over data points. Review the code to understand how tooltip settings and templates are configured. -* 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. \ No newline at end of file +## Additional Resources +- Example Demo: https://blazor.syncfusion.com/demos/chart/tooltip-template +- Documentation: https://blazor.syncfusion.com/documentation/chart/tool-tip + +These resources provide deeper insights into available tooltip options and related chart customization features. + +## Support +For additional help, refer to the Syncfusion Blazor documentation or community forums where common questions and issues related to Blazor Charts are discussed. \ No newline at end of file