Repository navigation
Line chart dataset order is wrong #2719
Description
This fiddle shows the problem: https://jsfiddle.net/dmig/97pxd7eL/4/
When I specify datasets, I expect them to be drawn in that order:
datasets: [
{
label: "Blue",
fill: true,
backgroundColor: "rgba(32, 162, 219, 1)",
data: dataPack1,
},
{
label: "Red",
fill: true,
backgroundColor: "rgba(196, 93, 105, 1)",
data: dataPack2,
},
]
Workaround is to reverse their order, but label order in legend/tooltips is also reversed,
Activity
etimberg commentedon Jun 6, 2016
Similar to a bunch of other issues that are open, but I can't find them at the moment.
Jaded-Design commentedon Jun 13, 2016
If you could just point me to the section where you choose the render order of datasets I could take a look, just don't have time to dig around looking.
Also, here is that similar issue: #2219
etimberg commentedon Jul 9, 2016
Datasets are drawn here: https://github.com/chartjs/Chart.js/blob/master/src/core/core.controller.js#L354-L358
etimberg commentedon Mar 15, 2017
This will be resolved in #4008 which adds the ability to fill to another dataset. This means that the draw order will become irrelevant since the correct solution for the blue dataset will be to fill to the red one instead of all the way down to 0
etimberg commentedon Jul 3, 2017
Tied in with my comment on #2219
etimberg commentedon Dec 31, 2017
Closing per my comment from march. This can be fixed using the fill to other dataset functionality. See https://jsfiddle.net/gz4ev7jr/
Alumniminium commentedon Apr 24, 2024
Funny how your jsfiddle doesn't work.