Highstocks ordinal xAxis formatting - highcharts

My case: Plot a stockchart with stock data for 5 days without weekends displaying, each day should have equal space even though data can be irregular.
What i need to do is plot an xAxis with static intervals of one day, however i cant display weekends and the data can be very irregular between the days. I've tried tinkering with tickInterval, tickPositioner but so far no luck.
I can hide weekends with:
ordinal: true,
My current fiddle:
http://jsfiddle.net/svedino/h9448fk0/1/
Setting the ordinal to false gives me correct interval but with the weekends included.
An example of this kind of graph seems to be working can be found here:
https://www.avanza.se/aktier/om-aktien.html/229675/jays

Related

generate candle point for empty date

Is there a way to create an empty point for the dates which are not included in the data?
Tried to use pointInterval: 24*3600*1000, but doesn't have any result.
In this example we have a gap between 31th July and 7th August which I would like to fill with empty points.
http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/demo/candlestick/
You need to set ordinal: false as an option on the xAxis. Like this:
xAxis: {
ordinal: false
}
API on xAxis.ordinal: https://api.highcharts.com/highstock/xAxis.ordinal
In an ordinal axis, the points are equally spaced in the chart regardless of the actual time or x distance between them. This means that missing data for nights or weekends will not take up space in the chart.
Defaults to true.
Working example: http://jsfiddle.net/phLz68r9/

I'd like to sometimes see the year in the x-axis in a HighStock chart

I have a HighStock chart with the usual date/time on the x-axis. The chart might include multiple years of data.
When the user zooms in, HighCharts automatically formats the labels on the x-axis appropriately, showing month/year, or date/time, etc. It does a good job.
But when the user zooms in there is no indication of what year the data is they are looking at. See the following image:
It would be nice to show the year without having to make use of a formatter function (HighCharts is 99% there, why re-invent the wheel?). I guess this is as much a feature request as it is a question.

Core Plot NSDate Time Interval on Axis which excludes Saturdays and Sundays

To assure time continuity, I convert NSDates of a time series into time interval, and use for scatterplot or bar chart. The problem now is that Saturdays and Sundays are also included in X axis scale.
I wonder if it is possible to excludes weekends from the axis scale, making Monday date a following day of Friday, while still sticking to the use of time interval.
I could use custom labeling, but my time series does not include all weekdays, and I still want all weekdays to be shown even if not include in the time series.
Thanks
Core Plot plot ranges always cover a continuous range of values. To cut out the weekends, you'll need to define a mapping between dates and the linear time scale of the plot that excludes the weekend dates. The mapping should be defined both ways (date to plot value and plot value to date) so you can label the axis.

Highcharts - date on xAxis label difference on tooltip

I have a problem with HighCharts xAxis label. Date on xAxis label difference on tooltip and there are have 2 gridLine on a tick point. I thing have problem with json data but I don't know why.
Here is my code http://jsfiddle.net/jevgzgjx/1/
My data as a json array with timestamp:
var json = [[[1362783600000,5691],[1362870000000,6503],[1362956400000,15574],[1363042800000,16211],[1363129200000,16427],[1363215600000,16486],[1363302000000,14737],[1363388400000,5838],[1363474800000,5542],[1363561200000,15560],[1363647600000,18940]],[[1362783600000,4346],[1362870000000,4112],[1362956400000,11356],[1363042800000,11876],[1363129200000,11966],[1363215600000,12086],[1363302000000,10916],[1363388400000,4507],[1363474800000,4202],[1363561200000,11523],[1363647600000,14431]]];
The problem here is that your timestamps are all for 23:00 (11pm). Therefore the point is being drawn slightly to the left of each grid line (since the gridline is for 00:00 each day). It also causes the tooltip of each point to show the day before, since the point is in fact not on the day that the gridline displays, but one hour prior to that.
You can visualize this problem by modifying dateTimeLabelFormats, so that the hours are shown in the tooltip, like this (see this JSFiddle):
dateTimeLabelFormats: {
day:"%A, %b %e, %Y, %H:%M"
}
I'm not sure about the origin of your problem, but it can be solved by adding 3600000 (one hour in ms) to all your timestamps. The problem may be timezone related as timestamps in Highcharts are treated as UTC by default, so look into getting your timestamps in UTC as well.
If you use Date objects you can specify the timezone before getting the timestamp. You can disable using UTC by default with global.useUTC: false (API), but then you'll risk ending up with different results depending on where you are viewing the chart.

Remove the time between the dates in highstock

My graph is having time between dates.I want to display just the date.
As Highstock is responsive,the time is removed once I minimize the browser and only dates are shown.
I have tried dateTimeLabelFormats in xAxis and tickInterval.
Those doesn't seem to work.
Help is appreciated

Resources