question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

overlapped values in Stacked bar(xAxes + yAxes)

See original GitHub issue

Expected Behavior

Every bar shoud start at y = 0 and all bars (one per day) shoud have data appended <----data1-----><--------data2---------><-------data3------> (vertical in the example)

Current Behavior

in this case u can see that bars are not continuous

Possible Solution

I also tried to fill all dates with y:0 and to change x to js Date Object and ISOString

Steps to Reproduce

link to reproduce stack blitz

Context

Environment

  • Chart.js version:
  • Browser name and version:
  • Link to your project:

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Roman991commented, Aug 19, 2020

I had to register manually all elements

import { Chart, LineController,Line, Point, LinearScale, CategoryScale, Title, Tooltip, Filler, Legend, BarController, Rectangle,} from 'chart.js';
Chart.register( LineController, Line, Point, LinearScale, CategoryScale, Title, Tooltip, Filler, Legend, BarController, Rectangle);

isn’t it a bit tricky?

I had to inspect the dist file to find that type:'bar'needs the BarController and Rectangle to work.

btw THANK you!

here a working example STACKBLITZ …actually it’s not working in stackbliz environment (async import?)

0reactions
kurklecommented, Aug 24, 2020

closing as resolved

Read more comments on GitHub >

github_iconTop Results From Across the Web

chart.js stacked graph that overlaps - javascript - Stack Overflow
This graph is supposed to display the "goal" percentage, and actual percentage. So if the column has a goal value of 70 and...
Read more >
Stacked Area Line Chart with Overlapping Values - Super User
Here's how to do an overlap with Area Charts. Arrange the data as shown, with total for each time slot, and in between...
Read more >
Overlapping stacked bar chart? - Question & Answer
I have a stacked bar chart which shows several values that all are portions of a ... so each bar is on the...
Read more >
Bar chart options | Looker - Google Cloud
Overlay : For scatterplot, line, and area charts. Series are overlayed on the chart. Stacked: Series values are added on the y-axis, so...
Read more >
Display Data with Multiple Scales and Axes Limits - MathWorks
Learn about techniques for visualizing data with multiple x- and y-axes, multiple colorbars, or with an x-axis that is broken into intervals.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found