Column Chart formatting

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

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.

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!