Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Time X axis week rendering wrong on bar charts, correct on line charts with same data

Open violuke opened this issue 4 years ago • 3 comments

Expected behavior

I'd expect the bar on a bar chart to be in the same place as the dot on a line chart for the same dataset and axis config. In my example below, the bar chart has bars showing in the wrong month., for example, the below screenshot shows a March figure plotted in April.

Screenshot 2022-03-24 at 15 12 45

Current behavior

They're not in the same place.

Reproducible sample

https://jsfiddle.net/fje5wrav/3/

Optional extra steps/info to reproduce

This should explain the issue I think, but please let me know if not.

Also, interestingly, I noticed that re-using the chart_options object in both charts makes them both wrong! See this block and try the other option.

var chart_options2 = Object.assign({}, chart_options);
// todo: Try commenting the line above and using the below instead, I give the wrong result too in that case!
//var chart_options2 = chart_options;

Possible solution

No response

Context

No response

chart.js version

v3.7.1

Browser name and version

Firefox (Dev edition v99) and Chrome

Link to your project

No response

violuke avatar Mar 24 '22 12:03 violuke

In bar charts, the scale and grid are offset by default. Using same offset settings for both chart types gives same results: https://jsfiddle.net/zb0rfgdq/1/

kurkle avatar Apr 03 '22 17:04 kurkle

Thanks, I can confirm this did the trick in our live use-case too 👍

violuke avatar Aug 04 '22 09:08 violuke