Financial Chart when extremely zoomed in shows unnecessary time value in X Axis

[kaushik-nippanikar]

Description

In any financial chart component, when we zoom in extremely it starts showing the time attribute.

I have recreated the issue using chart on documentation

We want to completely remove the time from X-Axis.

The issue also appears when the data we provide to the charts has fewer data points. For example, data having value for 2 days.

[hanastasov]

Hi @KaushikEDS,

I am not sure if I understand what the issue is.

It is expected to see the labels, no matter how much zoom is applied to the chart. In case you want to hide the labels, set the xAxisLabelVisibility property to collapsed:

<igx-category-chart
    [dataSource]="data"
    xAxisLabelVisibility="collapsed">
</igx-category-chart>

[kaushik-nippanikar]

@hanastasov we do want to see labels on X-axis.
As shown in the screenshot we don't want time to be shown on X-axis.

It's weird to show any time on X-axis when it's completely date-based.

[ben1787]

It is showing a datetime when it should be showing a date!

[hanastasov]

Hi @KaushikEDS ,

Use the xAxisFormatLabel property to customize the text of the x-axis label:

<igx-category-chart
    [dataSource]="data"
    [xAxisFormatLabel]="formatX"
    xAxisExtent="250">
</igx-category-chart>

    public formatX(item: any): string {
        return item.toDateString();
    }

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.