Highstock Data points connected auomatically - highcharts

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

Related

Google Sheets: Swap X and Y Axis in Chart

I am trying to illustrate the twist in a sail using a chart, showing the effect of various twist amounts.
However, try as I might, I cannot swap the x and y axis! The cells B3:B8 are the height going up the sail, where the measurements were taken, and should be the y-axis.
The columns C:V are series, which are different sets of measurements taken at the various heights up the sail, with the degree of twist as the series' values. This is what I have:
I've also tried to create the chart from Transpose()d data (swapped rows <-> cols) but ended up with the same chart! The "Height" is supposed to be the Y-axis, and the values ("Degrees") the X-axis.
I must be missing something obvious, but Google is not my friend today. I have created a sample Spreadsheet here if anyone can help. MTIA.
Currently it is not possible to define the Y-Axis to a specific range for Smooth Line Chart, in fact, the only way this can be defined is by using Bar Chart.
As a workaround, you can use Bar Chart to define the Y-Axis like this:
Please note that it only looks best when displaying one or two series, the bars would look squished when more series are added.
As for the original intention of defining Y-axis for Line Charts, or a completely new type of chart, you can file a feature idea request here:
How To Submit a Feature Idea Request
Google Workspace Feature Idea Request Link

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/

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.

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.

Waterfall with two series using Highcharts

I'm trying to set two Waterfall series using Highcharts in the same chart, I have only see one serie in this type of chart in Highcharts samples. I have manipulate the data to be an array but still not working.
I mean two independent waterfall series (one next to each other no-stacked) , like column chart. Like this one (http://img854.imageshack.us/img854/6886/qghm.png)

Resources