chartjs / chartjs/Chart.js

borderSkipped "middle" option does not work well with empty datasets

Open
#10,245 2 comments 4 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

Bottom borders should have a radius when using `borderSkipped: "middle"` even if there's no dataset below (or the dataset is empty)

### Current behavior

![image](https://user-images.githubusercontent.com/8297010/159006259-6113ae97-f309-4777-872a-195eb30af6ae.png)
Bottom border was drawn without radius

### Reproducible sample

https://codesandbox.io/s/eloquent-sammet-xix55o?file=/App.tsx

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v3.7.1

### Browser name and version

_No response_

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