chartjs / chartjs/Chart.js

Line graph a little off

Open
#10,805 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

As the other graphs, when I have a container defined like this



The result is as expected. The graph is in the graph container.

![image](https://user-images.githubusercontent.com/9497415/196281560-a9d7e3eb-e9d8-4fb0-9ebd-64a4bbd10818.png)
![image](https://user-images.githubusercontent.com/9497415/196281608-8c08b3b8-03c5-4782-8be0-7944c970c3fe.png)

See the horizontal bar at the bottom of the chart.

### Current behavior

With the line graph, the graph is a little off with Microsoft Edge

![image](https://user-images.githubusercontent.com/9497415/196281834-87188739-1953-4949-8178-615684d58024.png)

With Firefox is huge

![image](https://user-images.githubusercontent.com/9497415/196282507-5c579b43-9920-4708-8a30-cd5edc821d32.png)

### Reproducible sample

https://codepen.io/erossini/pen/jOxRXLN

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

3.7.1

### Browser name and version

Microsoft Edge 106.0.1370.47 (Official build) (64-bit) / Firefox 105.0.3 (64-bit)

### Link to your project

https://github.com/erossini/BlazorChartjs

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.