Highchart missing to plot some data points

[veeramani.arthanari]

Hello,
I'm working on the area chart which shows data from morning 4 AM to evening 8 PM and the chart width is 320px. I can see data is skipping some data plots like it shows 4 AM, 4:05 AM, 4:10 AM..etc, I did not configure it to skip 5 minutes but it does it automatically. But if my chart width is 600px or more it skips in 2 minutes interval. At some point in width, it shows data for every minute.

Or I've to zoom in to see all the data, but my requirement is to disable the zoom and show all the data points. At least it should not skip the data at the end, missing to plot the data at the end bringing the impression of the chart is not showing all the data.

Thanks in advance.

[jakub.s]

Hi,

Welcome to our forum & thanks for the question!

You're right - in Highcharts Stock the xAxis.ordinal option is true by default (https://api.highcharts.com/highstock/xAxis.ordinal).

By disabling this option you make sure that the intervals on the xAxis are constant.

Here's a demo: https://jsfiddle.net/BlackLabel/y4jbs1rx/

Let me know if that's what you were looking for. If it's not, please try to reproduce this issue in an online code editor like JSFiddle so I could take a look at what's wrong.

Best regards!

[veeramani.arthanari]

Thank you for your reply.

I created this jsFiddle, https://jsfiddle.net/arthankamal/rbz8a7jo/22/ Please check,

If you resize the window, the plot time shows as 12:08PM - 12:10PM.

I'm using a custom HTML tooltip and my plot will not override the y-axis labels, plotting area ends 50px before the y-axis labels because I've solid background color on the y-axis.

[jakub.s]

I'm sorry, but I can't seem to be able to reproduce this.

I've been resizing my window many times and the entire range of the chart is selected - I see nothing with "12:08PM - 12:10PM". Could you please provide me with clear step-by-step instructions that I should perform to see this unexpected change in x-axis?

I'll be waiting for your response.

Kind regards!

[veeramani.arthanari]

Please find the image attached
https://ibb.co/Wfz0Gd0

you can see in the red annotated place where you can see the plot and tooltip showing for every 5 minutes.

[jakub.s]

Hi,

By default, the points in stock charts are grouped. You can disable it with series.dataGrouping (https://api.highcharts.com/highstock/se ... ng.enabled).

Here's a demo with dataGrouping disabled: https://jsfiddle.net/BlackLabel/06p4mq1w/

Now if you hover over a series you'll notice that you're hovering over a single data point (and not a range).

Is that what you're looking for?

Best regards!

[veeramani.arthanari]

Thank you Jakub.s, worked perfectly