Skip to content

Column Chart formatting

New Discussion
Andrew Wigglesworth
Andrew Wigglesworth asked on Jan 28, 2025 6:40 AM

I have a simple category chart created. I’m trying to format the label, tooltip and numeric values as currency format but i can’t find where to do it using the Asp.Net MVC Helper.

Here’s the code:

<div id="columnChart" class="chart">
@(
Html.Infragistics()
.DataChart(Model.ChartSummary.AsQueryable())
.ID("WeeklyPayments")
.Width("100%")
.Height("400px")
.Title("Payments last 7 days")
.Legend(legend => legend.ID("legend"))
.Axes(axes =>
{
axes.CategoryX("xAxis")
.Label(item => item.FormattedDate);
axes.NumericY("yAxis")
.Title("$ Payment Totals");
})
.Series(series =>
{
series.Column("Payment Type").ValueMemberPath(item=>item.CreditCardAmount).Title("Credit Card").XAxis("xAxis").YAxis("yAxis").ShowTooltip(true);
series.Column("IVR").ValueMemberPath(item => item.IVRAmount).Title("IVR").XAxis("xAxis").YAxis("yAxis").ShowTooltip(true);
series.Column("Check").ValueMemberPath(item => item.CheckAmount).Title("Check").XAxis("xAxis").YAxis("yAxis").ShowTooltip(true);
series.Column("Other").ValueMemberPath(item => item.OtherAmount).Title("Other").XAxis("xAxis").YAxis("yAxis").ShowTooltip(true);
})
.DataBind()
.Render()
)
</div>
<div id="legend" class="legend"></div>

 

I would like the Legend, and tooltips to display in a currency format ie. $10.00

Sign In to post a reply

Replies

  • 0
    Michael DiFilippo
    Michael DiFilippo answered on Sep 1, 2023 1:19 PM

    Hello and thank you for contacting Infragistics. You can hook the formatLabel event to modify each axis label. For the tooltips and legends I recommend using the new DataTooltip/DataLegend 

    eg.

    https://www.igniteui.com/help/igdatachart-configuring-datalegend

    https://www.igniteui.com/help/igdatachart-configuring-datatooltip 

    Let me know if you have any questions.

  • 0
    Rina Singh
    Rina Singh answered on Feb 5, 2024 9:06 AM

    Are you looking for a high class call girl in Lucknow? Look no further than callgirllucknow.com. Our escorts are luxurious, professional and ready to provide you with an unforgettable experience. Visit our website now – https://www.callgirllucknow.com/

  • 0
    Андрій Customer
    Андрій Customer answered on Apr 30, 2024 6:32 AM

    Ich habe kürzlich Blumen bei MyGlobalFlowers in Deutschland bestellt und war von der Qualität und dem Service angenehm überrascht! Der von mir gewählte Strauß übertraf alle meine Erwartungen – er war frisch, wunderschön arrangiert und duftend. Die Lieferung war sehr schnell und einwandfrei, und die Preise waren eine angenehme Überraschung – sie sind sehr angemessen für solche Qualitätsblumen. Jetzt ist MyGlobalFlowers https://myglobalflowers.de/ferien/muttertag meine erste Wahl, wenn ich Blumen in Deutschland bestelle, und ich kann es allen meinen Freunden und Bekannten mit gutem Gewissen empfehlen!

  • 0
    paras thackral
    paras thackral answered on May 6, 2024 7:35 AM

    Wave Executor website is a quick, free method for running Roblox scripts. On the off chance that you choose to update, you can get top notch help.

    The Roblox specialist that individuals need the most is delta executor website. Regardless of the way that it has just been accessible for a brief time frame, its prominence has surpassed that of the Roblox projects.

  • 0
    paras thackral
    paras thackral answered on Jul 3, 2024 7:14 AM

    Wave Executor is unlike any other executor;

    BlackHole Apk, a cutting-edge tool made to empower Roblox players, is an excellent choice. This app lets you listen to your favorite songs for free and without any problems.

  • 0
    Michael Owen
    Michael Owen answered on Oct 1, 2024 10:13 AM

    To format labels, tooltips, and numeric values as currency in ASP.NET MVC, you can use the [DisplayFormat(DataFormatString = "{0:C}")] attribute in your model. This ensures the values are displayed in the correct currency format.

    For more tips on working with content or media, inshot mod apk could be a useful tool for quick video edits.

    Hope this helps!

  • 0
    Francesca Ingram
    Francesca Ingram answered on Jan 28, 2025 6:40 AM

    To format the labels, tooltips, and numeric values as currency in your Infragistics DataChart using the Asp.Net MVC Helper, you can use the Format method. hesaplio

  • 0
    Donnellyson Scaife
    Donnellyson Scaife answered on Feb 26, 2026 8:25 PM

    With the Infragistics ASP.NET MVC DataChart helper, currency formatting is usually handled through axis label and tooltip customization rather than directly inside the series configuration. You can format the numeric Y-axis labels by using a JavaScript label formatter that prepends the dollar sign and limits values to two decimal places, such as returning “$” + value.toFixed(2) inside the NumericY axis label settings. For tooltips, create a custom tooltip template and format the displayed value using JavaScript so numbers appear like $10.00 when users hover over chart columns. The legend text is generally taken from the series title, so if you want consistent currency display, focus on formatting axis labels and tooltip content. This approach is similar to cnc machining processes where precise parameter configuration ensures accurate output, just like proper chart formatting ensures correct financial data presentation.

  • 0
    Donnellyson Scaife
    Donnellyson Scaife answered on Feb 26, 2026 8:27 PM

    With the Infragistics ASP.NET MVC DataChart helper, currency formatting is usually handled through axis label and tooltip customization rather than directly inside the series configuration. You can format the numeric Y-axis labels by using a JavaScript label formatter that prepends the dollar sign and limits values to two decimal places, such as returning “$” + value.toFixed(2) inside the NumericY axis label settings. For tooltips, create a custom tooltip template and format the displayed value using JavaScript so numbers appear like $10.00 when users hover over chart columns. The legend text is generally taken from the series title, so if you want consistent currency display, focus on formatting axis labels and tooltip content. This approach is similar to cnc machining processes where precise parameter configuration ensures accurate output, just like proper chart formatting ensures correct financial data presentation.

  • You must be logged in to reply to this topic.
Discussion created by
Favorites
Replies
Created On
Last Post
Discussion created by
Andrew Wigglesworth
Favorites
0
Replies
9
Created On
Jan 28, 2025
Last Post
4 hours, 32 minutes ago

Suggested Discussions

Created by

Created on

Jan 28, 2025 6:40 AM

Last activity on

Feb 24, 2026 2:07 PM