I've encountered a minor issue while using Highstock type Highchart for my statistics. I am utilizing the angular version of highchart.
Take a look at the screenshot below:
https://i.sstatic.net/HPCkw.png
As evident from the image, the point is not aligning correctly with 25 December. Despite removing all my styles, the problem persists.
Below are the data I am using for Highcharts:
And here are my settings:
var arr = [[1450976400000, 265567],[1451062800000,263272],[1451149200000,268065],[1451235600000,197184]];
$scope.chartConfig = {
useHighStocks: true,
options: {
title: {
text: 'Hello'
},
chart: {
type: 'StockChart',
zoomType: 'x',
alignTicks: true
},
navigator: {enabled: false},
scrollbar: {enabled: false},
legend: {enabled: true},
tooltip: {
dateTimeLabelFormats: {
millisecond: "%A, %b %e",
second: "%A, %b %e",
minute: "%A, %b %e",
hour: "%A, %b %e",
day: "%A, %b %e, %Y",
week: "Week from %A, %b %e, %Y",
month: "%B %Y",
year: "%Y"
}
}
},
series: []
};
$scope.chartConfig.series.push(
{
name: key,
gapSize: 5,
type: 'area',
data: arr,
animation: true,
marker: {
enabled: true,
radius: 3
},
shape: 'square',
shadow: true
}
);
Any suggestions for a solution?
Here is the jsfiddle.