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

Bug: Halo effect artifact after Pie chart resizing #7681

Closed
fiantsev opened this Issue Jan 17, 2018 · 2 comments

Comments

Projects
None yet
3 participants
@fiantsev

fiantsev commented Jan 17, 2018

Expected behaviour

There are not any artifacts staying after resizing of Pie chart

Actual behaviour

There is artifact after resizing of Pie chart. This behavior occur only in version 6.0.4 and not prior.

Live demo with steps to reproduce

http://jsfiddle.net/ouzrwtxz/2/

  1. open jsfiddle
  2. hover the most right Pie piece (in order to invoke halo effect)
  3. shrink render frame of jsfiddle to the right
  4. the artifact will be there. (like in the screenshot below)

image

Product version

Highcharts 6.0.4

Affected browser(s)

Chrome Version 63.0.3239.132 (Official Build) (64-bit)

@pawelfus

This comment has been minimized.

Contributor

pawelfus commented Jan 17, 2018

Hi @fiantsev

Thank you for reporting this bug.

Workaround:
Manually redraw halo after chart's redraw: http://jsfiddle.net/BlackLabel/ouzrwtxz/4/

  chart: {
    type: 'pie',
    events: {
      redraw: function() {
        Highcharts.each(this.series, function(s) {
          if (s.halo && s.points && s.points[0] && s.points[0].haloPath) {
            s.halo.attr({
              d: s.points[0].haloPath(0)
            });
          }
        });
      }
    }
  },

Internal note:
Regression since 61a4811 - previously we removed the halo, now it's animated to a path and never updated on redraw.

@pawelfus pawelfus added the Bug label Jan 19, 2018

@TorsteinHonsi

This comment has been minimized.

Collaborator

TorsteinHonsi commented Jan 23, 2018

It appears prior to v6.0.4 too.

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