Highcharts: Display average hour values from a series of quarter-hourly values - highcharts

My weather station collects every 15 minutes the current temperature. With Highcharts I created a chart to display the last 24h. So I pass all the 96 quarter-hourly values to the chart. This looks not so pretty. Instead I would just display the average of each hour.
Is it possible to display the average value for each hour based on a series of quarter-hourly values and leaving the calculation to Highcharts and not doing it myself?

You can use highstock which allows to use datagrouping.

Related

How to get time interval of candlestick in candlestick chart in highchart

I was trying candlestick chart using highchart ( highstock ) and find out that when I increase/decrease Navigator in candlestick chart the width of candlestick get changed. Sometime it display high, open, close and low for one hour interval whereas sometime it is displaying for month. I would like to grab these dynamically changed candlestick width ( not the pixel width but the real time interval) and display them in the chart title. Is there anyway I can get these information and update them dynamically in chart subtitle?
http://www.highcharts.com/stock/demo/candlestick
Thank You
What you are seeing are the effects of plotOptions.series.dataGrouping (API Reference) where the data is grouped and values are approximated to display the data faster. If you look at the example for units on the above linked page you'll find that you can determine and set what those groupings are. The grouping isn't truly dynamic, it's predefined.

How to group area chart extremes for x-axis dynamically with day,week,months value in highstock

Need to display area chart in with highstocks for 1 day,1 week,1 month,6 month,1year and 5 years providing the data at once for all the 5 years.But in case of day it is displaying date with time on x-axis which is not required.How can this date be removed as only time is to be displayed (Eg 9 10 11 ....4 5)
Many thanks in advance.
You can use tickPositioner which allows to set tick, dynamically, based on your data and function.
http://api.highcharts.com/highstock#xAxis.tickPositioner

Highstock Data points connected auomatically

I created Highstock chart with 3 series,
some of the series have missing data in some time interval.
what the Highstock does is "complete" or "connect" the points to each other but I want it to plot no data in those intervals.
how can I do that?
I tried to set the xAxis intervals but it did not work.
here is some basic example from thewebsite.
Example from highchars.com
in this example it does what I want - you can see that there is points which are not connected.
Look at the 'connectNulls' property:
http://api.highcharts.com/highstock#plotOptions.series.connectNulls

Highcharts: Can I display only part of a series?

I have a query regarding display of stock data in highstock.
Firstly:
I want to hide price of last 10 months from a total data of 60 months. I want the months to be displayed (i.e. x-axis should have all 60 months), but want the data to be displayed only for first 50 months.
Secondly:
If an event is triggered (say click) I want these last 10 prices also to be displayed (in additional to the original 50).
Is there a logic/pre-processing in Highcharts/Highstock that can make my implementation efficient such that I do not have to break up my JSON data files?
So you can set serie with 50 points and after click event action, call http://api.highcharts.com/highcharts#Series.addPoint() function (in iteraction) which adds new points missing values.

Highcharts - changing x-axis labels with rangeselector

I am trying to use the highstock graph. I want to update the xAxis labels according to the range which is selected from the rangeselector. eg. if it's a 1-year graph, i want the ticks to be at the end of each month with labels as Jan-12,Feb-12 etc.(by default it shows each month as the beginning of that month). And if it's a monthly graph i want the labels to be positioned at each friday ie. at an interval of 7 days.
Is there a way i can dynamically change which labels are displayed on the axis based on the extremes?
You can use tickPositioner (http://api.highcharts.com/highcharts#xAxis.tickPositioner) or formatter to change labels name http://api.highcharts.com/highcharts#xAxis.labels.formatter

Resources