DateTime Axis Timezone

[Shawn Quinn]

You can control the formats of the ways the labels will appear on the axis using the "DateTimeLabelFormats" configuration option. E.g.

   chart.getXAxis().setDateTimeLabelFormats(
     new DateTimeLabelFormats()
       .setHour("%I %p")
       .setMinute("%I:%M %p")
   );

Full details on the available replacement codes can be found in the javadoc for the DateTimeLabelFormats class here:

http://www.moxiegroup.com/moxieapps/gwt-highcharts/apidocs/org/moxieapps/gwt/highcharts/client/DateTimeLabelFormats.html

If you'd like to disable the use of UTC altogether though (and instead using the time zone of the user's browser), then you'll need to set the "useUTC" global option Highcharts option to false. More details are here:

http://www.highcharts.com/ref/#global--useUTC

Note that there isn't currently a wrapper method provided in GWT Highcharts to control the global Highcharts options, so you could either set this option using regular javascript somewhere in your page like so:

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

Or, if you want to stick with GWT, the JSNI code would be something like the following:

public static native void setGlobalOptions() /*-{
    $wnd.Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });
}-*/;

Can you let us know if that's what you were looking for?