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 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.
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.
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.
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