[TSVB] Fix series rendering order

[markov00]

Summary

We switched the implementation of TSVB rendering library between 7.4 and 7.5. Unfortunately the rendering order of the series wasn't fully respected in this refactoring.

This PR fix the current rendering order of the series, going back to the original order of theused in 7.4:

• The series are listed top down on the editor, the legend and the tooltip (A,B,C)
• each series are rendered bottom-up (C, B, A) where A is the top most series and should appear on top of all the other areas/bars.

This issue was already raised during the refactor PR #33558

[Logs] Response Codes Over Time + Annotations the order of the series is inverted, meaning that you have to reorder the way you are adding the series into the Chart component. It's reproducible when using stacked mode on a single visualization with a group by split

fix #52846

For reviewers
it's easier to see the changes when hiding the whitespaces from the diff -> Hide whitespace changes

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

• [ ] This was checked for cross-browser compatibility, including a check against IE11
• [ ] Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• [ ] Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios
• [ ] This was checked for keyboard-only and screenreader accessibility

For maintainers

• [ ] This was checked for breaking API changes and was labeled appropriately
• [ ] This includes a feature addition or change that requires a release note and was labeled appropriately

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[markov00]

@elasticmachine merge upstream

[alexwizp]

Let's add a comment here, why we should revert the array here.
This is not so obvious, and definitely in the future someone will try to remove it.

[alexwizp]

Thanks! TSVB part LGTM

[kertal]

For me it seems, always the last edit wins in terms of rendering, shouldn't this graph stay purple if I edit the 2nd row which is orange:

[markov00]

w which is orange:

Nice catch @kertal Let me check what we are missing

[markov00]

@elasticmachine merge upstream

[kibanamachine]

💔 Build Failed

• continuous-integration/kibana-ci/pull-request
• Commit: 166013d

History

• 💚 Build #17313 succeeded 3f46c79
• 💚 Build #16650 succeeded 655bdb9
• 💔 Build #16512 failed 4d6fc03
• 💔 Build #16438 failed ffc44c3

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[markov00]

Closing and waiting for a fix in elastic-chart