Describe the bug
I'm rendering charts at https://ci-stats.kibana.dev which are not interactive, but the .echCrosshair__crossLine and .echCrosshair__cursor elements are still rendered, and don't seem to be positioned correctly, causing them to be rendered off to the right of the chart (probably based on the rules of the container or something) requiring that I use display: none; to hide these elements.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://ci-stats.kibana.dev/
2. Inspect one of the sparkline charts
3. Look for the .echCrosshair__crossLine element and disable the display: none; CSS rule in the inspector

Expected behaviour
These element probably shouldn't be rendered if the chart isn't interactive, or they should at least be rendered within the container of the chart.

Screenshots

Version (please complete the following information):

• OS: any
• Browser: Chrome
• Elastic Charts: 25.1.1