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

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.

Related

How can I change the scale of one series in a Google Sheets chart?

I'm trying to put together a combo chart that will use time values for the x-axis as well as the line series and combine that with integer values for the bar chart portion.
The problem is that because my times are between 00:02:00 and 01:30:00, the bar graph's values of 1-15 dwarf the time values.
Is there a way to display the bar chart with a separate scale so 4 and 00:04:00 look reasonably close?

change background color for highchart candlestick plot

I'm using highcharts candlestick chart to show our data.
In our chart we are actually showing N series with the same amount of data points, so we also want to group data points at the same index together. Like in the picture, each series has 6 data points, and we group 2N-th points of each series together by changing background color.
However we didn't find a way to change background color of candlestick chart, or is there any other way in highcharts could somehow show grouping data together?
You can use plotBands. Take a look at the example.
API Reference:
https://api.highcharts.com/highcharts/xAxis.plotBands
Example:
http://jsfiddle.net/8jrxx1t2/

HighStock with Multiple X-Axes, ToolTip is not showing values of all series

I am using HighStock for comparative analysis, where it shows same number of series during different time periods, as shown in this fiddle.
It has multiple x and y axes. when I move mouse over the chart, it shows series wit value at mouse current location.
Problem:
Problem in this chart is, tooltip do not show values of all series, but a few and those series change in tooltip window. I want tooltip to show all series with corresponding or nearest point value at mouse location.
Another problem is with navigator, navigator is showing only dates corresponding to first x-axis it should show dates of all axes, stacked one above the other(like in chart),
Moreover, when I minimize the navigator window, it shorten only first x-axis but not all, I want it to shorten all x-axes. The said issue can be observed in following image.

Highcharts Column chart Series data formatting change

I have a simple column chart where the yAxis series data contains numeric strings in the millions and tens of millions. The chart therefore displays the graph numbers like this: "12.5M"(on the side of the grid) and in the points tooltip it is being displayed with a decimal point at the end. How do I make the data be shown in the thousands with commas? Will the chart be adjusted automatically to display more grid lines and raise the columns higher? Thanks a lot in advance.
I would have added an image, however it seems that that requires more reputation points. Sorry. Here's a link to it Screenshot
1) you can change the formatting of the axis labels by setting your own format with the formatter function
http://api.highcharts.com/highcharts#yAxis.labels.formatter
2) you can change the number of ticks by setting a tickInterval or tickPixel interval setting
http://api.highcharts.com/highcharts#yAxis.tickInterval
http://api.highcharts.com/highcharts#yAxis.tickPixelInterval
3) You can change how much extra space is added at the top/how many ticks there are, in part, by setting the maxPadding setting to 0
http://api.highcharts.com/highcharts#yAxis.maxPadding
When you have a small chart like the one you posted, Highcharts will often have trouble adapting its normal tick pattern, and you will often end up with just a min and max tick by default.
It's pretty easy to work these setting to get what you need though.

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

Resources