The crosshairdisplay does not abbreviate the values which are taken implicitly because I have disabled the y-Axis Abbreviation. I tried abbreviating the value explicitly so that the issue will not occur but crosshairdisplay sometimes shows values which are not present in the data. So, I cannot abbreviate the values which are implicitly taken by the crosshairdisplay. Is there anyway that I can abbreviate the value for crosshairdisplay annotation or Can I only show values on crosshair for the point which are present in the data.

HTML:-

     <igx-financial-chart
               [dataSource]="chartDataSource"
               finalValueAnnotationsVisible="true"
               [finalValueAnnotationsPrecision]="finalValueAnnotationsPrecision"
               [yAxisFormatLabel]="formatY.bind(this)"
                yAxisAbbreviateLargeNumbers="false"
                [crosshairsDisplayMode]="Both"
                [crosshairsAnnotationEnabled]="true"
                [unknownValuePlotting]="DontPlot"
       >
       </igx-financial-chart>

TS:-

constructor(private percentPipe: PercentPipe, private decimalPipe: DecimalPipe) {}

formatY(value, precision= 1) {
    return this.percentPipe.transform(value, this.pipeString);
}

It's pressing issue and need assistance as soon as possible.