Back

Time zones - days

This example shows how TimeChart aggregates data based on your selected time zone.

Documentation Open in JSFiddle
Start Free Trial Purchase

HTML

HTML 
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>

<div id="demo"></div>

CSS

CSS 
//No CSS for this example

JavaScript

JavaScript 

var t = new TimeChart(
    {
        container: document.getElementById("demo"),
        data:
        {
            units:["d"],
            preloaded: {
                unit: "d",
                values: [
                    ["2015-06-01", 1],
                    ["2015-06-02", 2],
                    ["2015-06-03 23:59:59", 3],

                    // although the date is 2015-06-03, the timestamp is first adjusted to Europe/Riga
                    // so it is read as "2015-06-04T01:00:00+03:00" so the value will be displayed for June 4th.
                    ["2015-06-03 22:00:00+00:00", 4],

                    // the value represents 2015-06-04T22:00:00+00:00. Since the data timeZone is Europe/Riga,
                    // it will be adjusted to 2015-06-05T01:00:00+03:00.
                    [1433455200000, 5]
                ],
                
                dataLimitFrom: "2015-06-01",
                dataLimitTo: "2015-06-07",
                // the default timezone if the offset is not specified with the timestamp
                timeZone: "Europe/Riga"
            },
        },
        timeAxis: {
            // note that in this example, the time axis time zone plays no role - since the data is only
            // available by days, it will be displayed using the data time zone instead.
            //timeZone: "America/New_York"
            timeZone: "UTC"
        }
    }
);

Data

Data 
//No separate data for this example