xAxis DateTime in Scatter Plot should convert Tooltip

[klexas]

When you have defined the xAxis as a 'dateTime' type the tooltip should be aware of this as the 'point.x' value and convert it to the DateTime format.

http://jsfiddle.net/egf4vbfL/6/

As you can see the X-Axis is correct in that it uses the Time rage however when you view the default tooltip you get the epoch time.

I know you can format this using 'point.key' etc but it is not expected behavior.

[TorsteinHonsi]

I know you can format this using 'point.key' etc...

For the records, here's how to add date formatting to the pointFormat option: http://jsfiddle.net/highcharts/egf4vbfL/7/.

I do agree that I would expect the tooltip to print dates in this case, however it would also require an additional setting for what tooltip format to use, so maybe we would be just as far...

[klexas]

I don't see any reason to deviate from the standard linechart label when representing dateTime, I can take a look over the weekend and you can see what you think i guess, I have my concerns more-so about when you have multiple X-Axis's for example.

[TorsteinHonsi]

I don't see any reason to deviate from the standard linechart label

Yes, that might work...

[chevalierc]

I second klexas's comment about the tooltip.

[WhiteBearSpirit]

And still no change. Do developers have any particular reason to leave formatting like that?

[jsBiztech]

It has been a while is there any update or workaround?

[pawelfus]

Solution is simple, see: #3552 (comment) - set pointFormat with required formatting for x-value. Alternatively, you can use tooltip.pointFormatter or tooltip.formatter.

[jsBiztech]

i think i was not clear with what i want to actually achieve when i said change the tooltip format.
here is the link
steps to reproduce :
->select chart type as scatter from scatterbubble chart
and also attaching an image where the highlighted area is what i want to modify actually

[pawelfus]

In Advanced -> Custom code tab you can set format:

Highcharts.merge(true, options, {
    tooltip: {
    	headerFormat: '{point.key}'
    }
});

[jsBiztech]

Thanks @pawelfus it worked.

[jsBiztech]

Hi @pawelfus
Tried to implement the code and it returned an error 'chart object.merge' is not a function
any suggestions what's wrong in it?

[sebastianbochan]

Hi @bharatnagdev
Did you place the code in the section:

When I run the console I do not see the error. Could you confirm that it still appears? If yes, which browser do you use?

[jsBiztech]

Hi @sebastianbochan

Thanks @pawelfus it worked.

i already confirmed it.
but the issue occured when i tried to implement it in the actual code, where it is needed.
Another error was Property 'merge' does not exist on type 'Static'.

[pawelfus]

@bharatnagdev

So you are not looking for a Highcharts Cloud solution? In that case please provide full description of the issue. At this moment we can only guess what is wrong, for example maybe you use outdated typescript/flow definitions. Additionally, please provide a live demo. Note that solutions for Highcharts Cloud are different from simply using Highcharts library...

[jsBiztech]

Hi @pawelfus
i shared the Highcharts cloud link for the explanation of issue i am facing.
here is the link

[pawelfus]

In your case @bharatnagdev simply set headerFormat in options for series or for tooltip, like any other option. Demo: https://jsfiddle.net/BlackLabel/4uwf8bcq/4/

[jsBiztech]

Thanks @pawelfus finally it worked.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!