How to remove any extra data that get out of the y axis line
igx cross hair line
is getiing out of top and bottom y axis interval and
Hello Muhammad,
Would it be possible for you to please provide some additional information on this matter on how you are getting this behavior? Can you please answer the below questions?
1. What is that vertical line that you are plotting? I am under the assumption that it is an IgxValueOverlay?
2. Are you applying any of the plot area margin properties, or perhaps using a transform: scale on your chart? It would be most helpful if you can provide your HTML markup for the chart.
3. What version of Ignite UI for Angular are you using?
Please let me know if you have any other questions or concerns on this matter.
basically data is going out of the Y axis line , is there any way to hide the data getting out of boundary ?
something line this
The ability to color different parts of a particular line does not currently exist in the IgxDataChart, but the behavior you are seeing is not a normal behavior of the chart. As an example, see the first two samples on this page, where the crosshair layer does not exit the Y-Axis boundary: https://es.infragistics.com/products/ignite-ui-angular/angular/components/charts/features/chart-annotations.
This behavior is unexpected and could be a bug in the control, but I need to know how you are reproducing it in order to potentially log it for our development teams to take a look. Please answer my questions above.