data point and ticks are not aligned in highstock line graph - javascript

The data point plotted is not matching exactly with the tick or the ticks are not placed at the data points. when I reduce the range with the navigator I having this problem seen very clearly. Is there any way so that i can set that ticks will be coming for Saturdays or any day which i specify?

You can set tickInterval http://api.highcharts.com/highcharts#xAxis.tickInterval and define pointStart http://api.highcharts.com/highcharts#plotOptions.series.pointStart. You can also use other solution by using http://api.highcharts.com/highcharts#xAxis.tickPositioner

Related

Having trouble displaying a date X axis, How do I get all dates, not just where data points are plotted?

I have a chart to display values across time, but there aren't data points for each day. The chart is just displaying dates on the X axis where data points exist. I want each date to have a vertical line, and the day displayed below for every day in the range (unless overlapping).
I'm using chart.ja version 4.2.1
Extra Points :-)
I would also know how to keep the dates from overlapping when a large range (lots of dates) is being plotted.
Lastly, is it possible to display the dates on three lines, where the top line is the day, the second line shows the month name (once) in the middle of the month, and the third line shows the year in the middle of the year.

nvd3 some xAxis ticks missing

I have an nvd3 line chart that needs to display every date in a month on the x axis. For the current month (July) I have generated 31 x,y pairs. However, the chart omits a couple of those data points. Most data points, actually, have the y coordinate set to null (because not all dates have data, but I still need to display every date).
This is how it looks now:
As you can see, there are some dates missing: 07/08/2018, 07/15/2018, 07/22/2018, 07/30/2018 and 07/31/2018.
This is my code:
chart.xAxis.ticks(weightData.length); // this is 31
chart.xAxis.rotateLabels(-35);
chart.xAxis.showMaxMin(false); // if this is true, even less data is displayed
Is there a way to force the chart do display all the data on the x axis?
I have found the answer here:
NVD3 Line Chart X Axis Ticks Are Missing
The point is to use tickValues() instead of ticks() as the answer on the post in link says.

Highcharts does not show zero temperature readings

I am using Highcharts and when rendering a temperature chart, with zero as a value for the yAxis temperature (being also the current chart minimum reading on the selected time scope), the chart does not show any dots or lines.
This behaviour continues until the temperature reading is 0.1 Celcius amd after that all the yAxis readings are displayed on the chart correctly and the dots and the line appears.
Is there a parameter to adjust this behaviour so that the zero values will always be printed on the graph?
I have tried to adjust yAxis padding and minvalue parameters but this doesn't resolve the issue.

Highcharts tickinterval set to one minute shows only one date

I have a highcharts graph of speed(y axis) and time( x axis), each second posts a new speed, which means in an hour I will have 3600 data point, and that is a lot. I found out about tickInterval and the ability to shorten the amount of time drawn on the x axes, but as soon as I set it the ticks labels disappear and it shows only the first minute label
Here are two graph comparison of how it look like with tickInterval and without
without tickInterval:
With tickInterval:
I would have expected to see a tick label on x axis every minute but instead I see only this ? hmm ?
here is my code with less data points than I have:
http://jsfiddle.net/cyc89zop/1/
How can I fix this problem ?
2 things:
1) You have specified your axis type as "Time" which is not a valid option. What you want is datetime.
2) You have then specified categories for the x axis. categories and datetime axis types are mutually exclusive - you must use only one or the other, not both.
To get the proper dates with a datetime axis type, you specify either
1) an x value for each data point,in millisecond epoch time, or
2) a pointStart and pointInterval property for the series
http://api.highcharts.com/highcharts/plotOptions.series.pointStart
http://api.highcharts.com/highcharts/plotOptions.series.pointInterval

Grouping of data in amcharts

I am using maxseries to disable grouping of data for that I have set its value to 0 so that it will not group data in any groups. But for one month view my axis scale is not consistent see image. Is this is because of grouping of data or there in any other issue.
My main motive to make the gap b/w two lines consistent , if there is no value in db for particular date then scale must shifted to next date so that gap remains same

Categories

Resources