cursor x-axis is not plotting correctly on angular the points and other has margin added to left side the mouse is on the yellow position and the crosshair layer and other please help
Hello Muhammad,
The best way to assist you if you can share the sample and steps to reproduce the issue.
You can use our online stackblitz sample as the starting point and can modify as per your requirement to share the sample with us.
https://ko.infragistics.com/products/ignite-ui-angular/angular/components/charts/chart-overview
ttps://stackoverflow.com/questions/40600192/how-to-get-mouse-position-on-transformed-html5-canvas
How to move the pointer position like this ?
This stackflow link you shared is showing how to get the mouse position , it seems like not related to your issue.
First of all I am trying to understand what you are doing in your sample and what your expected behavior is.
What I understand is you are saying that your mouse is at yellow point and xAxis is not plotting there , is it correct ? I may be wrong but no this is not how Axis moves.
Please provide your code and expected behavior for further investigation.
Yes I want to override the cursor postion at x please help
I have been looking into this thread, and I apologize, but I am unsure what you mean by “overriding the cursor position at X.” As such, I have a few questions for you on this matter. Can you please answer the following?
1. The screenshot you have originally provided that your mouse is somewhere over the plot area, and what appears to be a crosshair. Is the crosshair not following the mouse in this case? If this is not the issue, can you please describe what you are seeing in more detail?
2. Would it be possible for you to provide the HTML markup for the chart that you are writing, or an isolated sample project that demonstrates the behavior you are seeing?
3. What version of the Ignite UI for Angular NPM packages are you using?
Please let me know if you have any other questions or concerns on this matter.
https://streamable.com/qx15js
Please help the line is not working as required !
@Andrew Goldenbaum - any update on this ? please help me out on this one
Thank you for providing the StackBlitz sample. Using it, I am able to reproduce the behavior you are seeing.
Is there a particular reason that you are adding the transform: scale in this case? If this is not present, the crosshair works normally, and I feel that you can likely achieve the same behavior simply by just modifying the height and width of the IgxDataChart. If you do that instead, the chart’s crosshair continues to work correctly.
As mentioned previously, there does not exist anything that will add an offset to the crosshair.
The behavior of the crosshairs not following the mouse position when a scale transform is applied is unexpected, and as such I have asked our engineering teams to examine it further. To ensure it receives attention, I have logged it in our internal tracking system with a development ID of 274231. I have also created a private support case for you that I will be linking the issue to. This case has an ID of C-00223865 and you can access it after signing into your account, here: https://account.infragistics.com/support-cases.
@Andrew Goldenbaum - here example
If tranformation is applied it causes some issue please help ?
is there any way to add offset ?
Thank you for providing the version that you are using. It appears that you are a version behind the latest version of Ignite UI Angular for the charts, core, and gauges packages, as the latest version is 13.1.1. I am curious if this issue still happens for you with that version. Can you please update your packages to see if the issue still happens?
If it does, I will need you to provide the HTML markup for the chart that you are creating, as I believe that will be crucial to reproduce this behavior.