chartjs / chartjs/Chart.js

Consistent Stack Border Radius for Bar Charts

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

Description

### Feature Proposal

In stacked bar charts, Chart.js currently seems to render border radius individually for each dataset.

When the top bar of a stack is thin, that makes the entire stack appear “flat” or uneven at the top.

Example:

![Screenshot 2024-11-18 at 4 36 17 PM](https://github.com/user-attachments/assets/7eb0f339-5220-4721-8ba1-f4c038a4326d)

Would it be possible to add an option for border radius to be applied to the entire stack as a whole, rather than each individual dataset?

This would help visuals look more polished and consistent in cases like this, regardless of individual bar sizes.

Apologies if I missed an existing setting for this. I also made a couple quick (unsuccessful) attempts at a plugin, but this strikes me as something that would be nice if it was supported natively.

### Possible Implementation

_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.