How to display the ToolTip text in currency format in ASP.NET MVC Chart?
By default, X value and Y value of a point are displayed in ToolTip text on placing mouse over a chart point in ASP.NET MVC Chart. The LabelFormat property of the horizontal axis is used to format the X value displayed in the ToolTip and LabelFormat property of the vertical axis is used to format the Y value displayed in the ToolTip.
ToolTip is displayed in currency format by setting c (currency with two decimal places) as the value to the LabelFormat property. Other possible values include c0, c1, c2, c3, etc., for displaying ToolTip text in currency format.
CSHTML
@(Html.EJ().Chart("container") .CommonSeriesOptions(options=> options.Tooltip(tooltip=> tooltip.Visible(true))) .PrimaryYAxis(axis=>axis.LabelFormat("c")) . . . . . . . . . . . . . . )
The following screenshot displays chart with ToolTip text in currency format:
The following table describes the result of using c0, c1, etc., formats on ToolTip text 20:
Value | c | c0 | c1 | c2 |
20 | $20.00 | $20 | $20.0 | $20.00 |
Conclusion
Hope you enjoyed learning about how to display the ToolTip text in currency format in ASP.NET MVC Chart. You can refer to our ASP.NET MVC Charts feature tour page to learn about its other groundbreaking feature representations. You can explore our ASP.NET MVC Chart documentation to understand how to present and manipulate data.
For current customers, you can check out our ASP.NET MVC components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our ASP.NET MVC Chart and other ASP.NET MVC components.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!