Problem with timestamp and timezone

[ValentinS33]

Hello!

I tried this code:

const cal = new CalHeatmap()

cal.paint({
  data: {
    source :  [{t: 1696428211000, value: 6}],
    x : 't',
    y : 'value',
    groupY : 'sum'
  },
  range: 2,
  date: { timezone: 'Europe/Paris', start: new Date('2023-10-4') },
  domain:{
    type: "day",
    label:{
      position: 'top'
    }
  },
  subDomain:{
    type: "hour",
    label: 'H'
  },
  scale: {
    color:{
      scheme: 'Cool',
      type: 'linear',
      domain: [0,30]
    }
  }
});

But even if I change the timezone, the date is always the same (in UTC).
I also tried a date like 2023-10-04T14:03:31.040000+00:00 or 2023-10-04T16:03:31.040000+02:00 but same problem.

Thank you!

[mattjohnsonpint]

Perhaps this is the problem?

cal-heatmap/src/helpers/DateHelper.ts

Line 161 in 6cb8ddf

.utcOffset(0)

[ValentinS33]

I think it works by removing this line, thanks!

[ValentinS33]

I believe it was good because the data was displayed in the right slot (with domain: day, subdomain: hour), but I have a bug today because of this deleted line (with domain:week, subdomain: day):

Only 6 days in week 43:

Problem on week 42:

[empireshades]

@ValentinS33 did you have any luck in getting this to appear in the proper local timezone?

[ValentinS33]

No :( For the moment, I use only Europe/Paris timezone so I set .utcOffset(1) and and I will change to .utcOffset(2) when there is the time change and the 2 hour difference in France...

[yqchilde]

也许这就是问题所在？

cal-heatmap/src/helpers/DateHelper.ts

Line 161 in 6cb8ddf

.utcOffset(0)

👍🏻