chartjs / chartjs/Chart.js

v3 Regression: Point cropped when indicating max or min values for scales

Open
#9,372 11 comments 1 reaction 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
Points should be fully drawn on limits.

## Current Behavior
When we indicate scale limits and a point drops on that limit, this point is cropped.

## Possible Solution
Direct solution from app is just not indicating those limits. But it's not fully acceptable since:
- In v2.9.4 it was working.
- If we indicate limits, chartjs does not have to work on them and should be faster.

## Steps to Reproduce
- See in the example scales->y->min is set to 0 and that point is cropped.
- If you set scales->y->max to 1, that point is also cropped.
- If you remove min and max, points are not cropped.

https://codepen.io/beibean/pen/PomNmqe

## Context
Migrating from v2.9.4 to v3.4.1

## Environment
* Chart.js version: v3.4.1
* Browser name and version: Chrome (any version)
* Link to your project: https://codepen.io/beibean/pen/PomNmqe

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.