Incomplete legend when xaxis.type is datetime

[steven-pribilinskiy]

When xaxis.type is datetime then only the hovered point's data is shown

[steven-pribilinskiy]

I will probably style the tooltip to be positioned below the chart like on this gif after the bug is fixed

[steven-pribilinskiy]

Example https://codepen.io/anon/pen/bxOExB

[junedchhipa]

You have to turn on shared tooltip property to show all the series's data.

tooltip: {
  shared: true
}

[steven-pribilinskiy]

@junedchhipa Here's a better example https://codepen.io/anon/pen/YOdxVg

[steven-pribilinskiy]

@junedchhipa also tooltip.x.title.formatter is seems to be ignored. Updated example

[junedchhipa]

The shared tooltip will only work correctly when all series has same "x" values. (I updated the docs stating it recently - https://apexcharts.com/docs/options/tooltip/#shared)

In your example, you have a missing "x" value in the first series.

To make the shared tooltip work correctly, you can pass a y: null value for a dataPoint where you don't have any data for that datetime. I have updated your example by including the missing "x" value and giving y: null for that particular point.

https://codepen.io/apexcharts/pen/YOdEee

Regarding, tooltip.x.title.formatter, it was fixed just a couple of hours ago. Will be working fine in the next release.

[steven-pribilinskiy]

@junedchhipa Great!
This issue can be closed then