Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After zooming, hover state marker is not moved #2500

Closed
TorsteinHonsi opened this issue Dec 2, 2013 · 6 comments
Closed

After zooming, hover state marker is not moved #2500

TorsteinHonsi opened this issue Dec 2, 2013 · 6 comments

Comments

@TorsteinHonsi
Copy link
Collaborator

http://jsfiddle.net/highcharts/76BuG/1/

  1. Drag-zoom an area, and make sure the active hovered point is inside that area
  2. When releasing the mouse, make sure not to move it.
  3. The hover-point marker is in its previous position although the actual point and the tooltip has moved.

This also applies to touch zooming.

@soumyarbohidar
Copy link

Any fix version you would like to mention Torstein. I use "highcharts": "6.0.7" and able to reproduce this issue.

@pawelfus
Copy link
Contributor

pawelfus commented Aug 7, 2019

Hi @soumyarbohidar
Could you recreate issue in jsFiddle? v6.0.7 looks fine: http://jsfiddle.net/BlackLabel/phayoz63/
Thanks!

@soumyarbohidar
Copy link

Hi @soumyarbohidar
Could you recreate issue in jsFiddle? v6.0.7 looks fine: http://jsfiddle.net/BlackLabel/phayoz63/
Thanks!

I have updated the fiddle. I could not able to reproduce the error as i am able to fix it just a configuration change. I forgot to add the below option highlighted in bold and italic. Thanks for your quick response.

marker: {
enabled: true,
states: {
hover: {
enabled: false
},
select: {
enabled: true,
radius: 7,
fillColor: undefined,
lineWidth: 0
}
}
}

@pawelfus
Copy link
Contributor

pawelfus commented Aug 8, 2019

No problem, thanks for sharing the potential fix!

@ashwiniIot
Copy link

ashwiniIot commented Nov 24, 2020

I am also facing the same issue, I wanna show marker points when I zoomed in on the line chart and when reset zoom it will show a normal line without markers.i set cropThreshold inside series cropThreshold: 10000,

 xAxis: {
      // type: 'linear',
      // tickInterval: 24 * 3600,
      crosshair: true,
      labels: {
        autoRotation: false,
        formatter: xAxisFormatter,
      },
      events: {
        afterSetExtremes(event) {
          const enabled = event.min !== undefined;
          chart?.series[0].update({
            marker: {
              enabled,
            },
          });
        },
      },
    },

@pawelfus
Copy link
Contributor

@ashwiniIot this issue was reported for versions before 6.0.7, later bug was fixed. Are you sure you are facing the same issue? Original issue seems to be fixed: http://jsfiddle.net/BlackLabel/oghnmpew/1/

And this is your event callback working fine: http://jsfiddle.net/BlackLabel/oghnmpew/ (note change event.min -> event.dataMin).

In case of similar problems, please contact our support team first: https://www.highcharts.com/blog/support/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants