Ufdjrw

What *exactly* is electrical current, voltage, and resistance?

A strange hotel

Crossed out red box fitting tightly around image

Why must Chinese maps be obfuscated?

Work requires me to come in early to start computer but wont let me clock in to get paid for it

Was Dennis Ritchie being too modest in this quote about C and Pascal?

How long after the last departure shall the airport stay open for an emergency return?

Island of Knights, Knaves and Spies

How can I wire a 9-position switch so that each position turns on one more LED than the one before?

Can a level 2 Warlock take one level in rogue, then continue advancing as a warlock?

What is the most expensive material in the world that could be used to create Pun-Pun's lute?

"The cow" OR "a cow" OR "cows" in this context

std::unique_ptr of base class holding reference of derived class does not show warning in gcc compiler while naked pointer shows it. Why?

Why do real positive eigenvalues result in an unstable system? What about eigenvalues between 0 and 1? or 1?

How important is it that $TERM is correct?

Find a stone which is not the lightest one

A ​Note ​on ​N!

Combinatorics problem, right solution?

Older movie/show about humans on derelict alien warship which refuels by passing through a star

Why do distances seem to matter in the Foundation world?

Retract an already submitted recommendation letter (written for an undergrad student)

What was Apollo 13's "Little Jolt" after MECO?

Contradiction proof for inequality of P and NP?

Is there metaphorical meaning of "aus der Haft entlassen"?

Why drilldown x-axis points not matching with corresponding bars?

Highcharts : Single point in x-axis of datetime type shows 00:00:00:0000Puting different axis on a drilldown chartWrong labels on X axis on HighchartsHighcharts - Can a column chart drill down to a bar chart?Highcharts: Percentage stacking bar chart with overlayed line graph (secondary axis)Highcharts chart with 'datetime' xAxis - use categories on drilldownIn Highcharts drilldown charts, Custom Formatting of X-Axis label displays the label with underline even in the last levelSet axis extremes dynamically on drilldownHicharts data API for line graph using datatime and matching x-axis to y-axisGet X Axis value on bar Highchart click event

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

So, I am trying to have a drilldown in Highcharts, where x-axis type is datetime and for that, I am passing data in milliseconds. But, it been found that my x-axis values do not align with the corresponding bar, there is a slight mismatch.

Also, every month value is having first value as last month last date, whereas I'm not even having that value rather it starts with 1st of that corresponding month.

Following is the JSFiddle of the Highchart:

http://jsfiddle.net/gkumar77/epzh14ou/8/

highcharts

share|improve this question

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

add a comment | 

1

So, I am trying to have a drilldown in Highcharts, where x-axis type is datetime and for that, I am passing data in milliseconds. But, it been found that my x-axis values do not align with the corresponding bar, there is a slight mismatch.

Also, every month value is having first value as last month last date, whereas I'm not even having that value rather it starts with 1st of that corresponding month.

Following is the JSFiddle of the Highchart:

http://jsfiddle.net/gkumar77/epzh14ou/8/

highcharts

share|improve this question

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

add a comment | 

So, I am trying to have a drilldown in Highcharts, where x-axis type is datetime and for that, I am passing data in milliseconds. But, it been found that my x-axis values do not align with the corresponding bar, there is a slight mismatch.

Also, every month value is having first value as last month last date, whereas I'm not even having that value rather it starts with 1st of that corresponding month.

Following is the JSFiddle of the Highchart:

http://jsfiddle.net/gkumar77/epzh14ou/8/

highcharts

share|improve this question

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

share|improve this question

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

share|improve this question

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

edited Mar 9 at 21:34

sheilak

4,50872633

edited Mar 9 at 21:34

sheilak

4,50872633

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

asked Mar 9 at 7:35

Gaurav KumarGaurav Kumar

39111

1 Answer
1

active

oldest

votes

1

The timestamps provided are midnight in the timezone GMT+05:30.

Highcharts defaults to UTC:

"for axis scaling, tickmark placement and time display" ... "that the
time displays equally regardless of the user agent's time zone
settings"

So in UTC each of the timestamps corresponds to the previous day at 6:30PM. This is why the placement is off and this is why every month's first value is the previous month's last date.

You could make this work in your timezone by setting useUTC: false in Highcharts but it won't display correctly in other timezones.

Highcharts.setOptions( 
 time: 
 useUTC: false
 
);

Alternatively you could also adjust all of those timestamps so that they correspond to midnight UTC time.

Depending on your requirements you could import Moment.js and Moment Timezone and use time.timezone to set the chart to work in 'Asia/Kolkata' timezone (fiddle).

Highcharts.setOptions(
 time: 
 timezone: 'Asia/Kolkata'
 
);

share|improve this answer

edited Mar 10 at 13:27

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55075102%2fwhy-drilldown-x-axis-points-not-matching-with-corresponding-bars%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

The timestamps provided are midnight in the timezone GMT+05:30.

Highcharts defaults to UTC:

"for axis scaling, tickmark placement and time display" ... "that the
time displays equally regardless of the user agent's time zone
settings"

So in UTC each of the timestamps corresponds to the previous day at 6:30PM. This is why the placement is off and this is why every month's first value is the previous month's last date.

You could make this work in your timezone by setting useUTC: false in Highcharts but it won't display correctly in other timezones.

Highcharts.setOptions( 
 time: 
 useUTC: false
 
);

Alternatively you could also adjust all of those timestamps so that they correspond to midnight UTC time.

Depending on your requirements you could import Moment.js and Moment Timezone and use time.timezone to set the chart to work in 'Asia/Kolkata' timezone (fiddle).

Highcharts.setOptions(
 time: 
 timezone: 'Asia/Kolkata'
 
);

share|improve this answer

edited Mar 10 at 13:27

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

add a comment | 

1

The timestamps provided are midnight in the timezone GMT+05:30.

Highcharts defaults to UTC:

"for axis scaling, tickmark placement and time display" ... "that the
time displays equally regardless of the user agent's time zone
settings"

So in UTC each of the timestamps corresponds to the previous day at 6:30PM. This is why the placement is off and this is why every month's first value is the previous month's last date.

You could make this work in your timezone by setting useUTC: false in Highcharts but it won't display correctly in other timezones.

Highcharts.setOptions( 
 time: 
 useUTC: false
 
);

Alternatively you could also adjust all of those timestamps so that they correspond to midnight UTC time.

Depending on your requirements you could import Moment.js and Moment Timezone and use time.timezone to set the chart to work in 'Asia/Kolkata' timezone (fiddle).

Highcharts.setOptions(
 time: 
 timezone: 'Asia/Kolkata'
 
);

share|improve this answer

edited Mar 10 at 13:27

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

add a comment | 

The timestamps provided are midnight in the timezone GMT+05:30.

Highcharts defaults to UTC:

"for axis scaling, tickmark placement and time display" ... "that the
time displays equally regardless of the user agent's time zone
settings"

So in UTC each of the timestamps corresponds to the previous day at 6:30PM. This is why the placement is off and this is why every month's first value is the previous month's last date.

You could make this work in your timezone by setting useUTC: false in Highcharts but it won't display correctly in other timezones.

Highcharts.setOptions( 
 time: 
 useUTC: false
 
);

Alternatively you could also adjust all of those timestamps so that they correspond to midnight UTC time.

Depending on your requirements you could import Moment.js and Moment Timezone and use time.timezone to set the chart to work in 'Asia/Kolkata' timezone (fiddle).

Highcharts.setOptions(
 time: 
 timezone: 'Asia/Kolkata'
 
);

share|improve this answer

edited Mar 10 at 13:27

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

Highcharts.setOptions( 
 time: 
 useUTC: false
 
);

Highcharts.setOptions(
 time: 
 timezone: 'Asia/Kolkata'
 
);

share|improve this answer

edited Mar 10 at 13:27

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

answered Mar 9 at 21:36

sheilaksheilak

4,50872633

answered Mar 9 at 21:36

sheilaksheilak

4,50872633