Search code examples
angularjshighchartshighcharts-ng

HighCharts timezone issues on AngularJs


I have simple chart with x-axis lables and tooltips, the date of the months on the tooltips are correct while the months on the x-axis labels is one month behind.

wrong dates on x-axis

when i change the time zone from GMT+2 US East to UTC-5 the issue resolved.

i also added the following global options useUTC, but it has no affect.

you can see the GMT+2 results in JSFiddle, when you change your timezone, to utc it will resolved.

         Highcharts.setOptions({
            global: {
                useUTC: true
            }
        });

Any help will be appreciated. (http://jsfiddle.net/liad/uVZ4Z/)


Solution

  • I use highcharts, angularjs and highcharts-ng. I added the following options (it works for me):

    Highcharts.setOptions({
        global : {
            useUTC : true,
            timezoneOffset: -2 * 60 //GMT +2
        }
    });