Line chart dataset order is wrong

[dmig]

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,

[etimberg]

Similar to a bunch of other issues that are open, but I can't find them at the moment.

[Jaded-Design]

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]

Datasets are drawn here: https://github.com/chartjs/Chart.js/blob/master/src/core/core.controller.js#L354-L358

[etimberg]

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]

Tied in with my comment on #2219

[etimberg]

Closing per my comment from march. This can be fixed using the fill to other dataset functionality. See https://jsfiddle.net/gz4ev7jr/

[Alumniminium]

fill to other dataset functionality

Closing per my comment from march. This can be fixed using the fill to other dataset functionality. See https://jsfiddle.net/gz4ev7jr/

Funny how your jsfiddle doesn't work.