Mixing bars with line or area series breaks legend toggle

[nickofthyme]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://elastic.github.io/elastic-charts/?path=/story/mixed-charts--bar-and-lines or https://elastic.github.io/elastic-charts/?path=/story/mixed-charts--areas-and-bars
2. Click to toggle the bars series in the legend.
3. Notice the line/area series is no longer visible.

Expected behavior
The line and area charts do not hide when bar series is toggled.

Screenshots

Bars with line

Bars with area

Also remove the 0 in upper left corner

Version (please complete the following information):

• OS: all
• Browser: chrome/all
• Elastic Charts: master

Additional context
The hover state works fine so must be something related to the deselectedDataSeries or toggleSingleSeries method in chart_state.ts

[rshen91]

Notes to self:
This might be a Konva bug on initial investigation:
console.logging before this.deselectedDataSeries = updateDeselectedDataSeries(this.deselectedDataSeries, legendItem.value); in chart_state.ts shows null for deselecting bars in the legend but shows [] for deselecting line or area based on the story 🤔
The errors in the console point to Konva warnings about "points" attribute has non numeric element NaN...checking out where Konva comes in and seeing if the null is not being cast whereas the [] can be cast to a number 🤔

[rshen91]

export function buildLineRenderProps in rendering_props_utils.ts takes in 'x' as a parameter and adding before the return statement the following below resolves the Konva Infinity warning:

if (x === Infinity) {
    x = 53.53125;
}

I took the 53.53125 from the lines value but I'm not sure if this value would make sense for all cases beyond the mixed stories.

[markov00]

🎉 This issue has been resolved in version 13.5.1 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀