chartjs / chartjs/Chart.js

Doughnut hide(...) not being animated

Open
#11,369 2 comments 0 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

The Doughnut chart should animate the `hide()` the same way as the `show()`.

https://www.chartjs.org/docs/latest/samples/other-charts/doughnut.html

### Current behavior

The `show()` animates the arc being shown as well as the ones being resized, while the `hide()` makes the arc being hidden disappear instantly while the rest of the bars resize. The `hide()` should animate the disappearing arc in the same way as the ones being resized to fill in the space.

### Reproducible sample

https://www.chartjs.org/docs/latest/samples/other-charts/doughnut.html

### Optional extra steps/info to reproduce

Click on show(0,1) and then hide(0,1).

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v4.3.0

### Browser name and version

Chrome Version 114.0.5735.133 (Official Build) (arm64)

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.