html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // create a chart

  var chart = anychart.column();

​

  // setting chart title

  chart.title("Date/Time Scale Sample");

​

  // setting y scale type as dateTime and adjusting minimum and maximum values

  var dateScale = anychart.scales.dateTime();

  dateScale.minimum(Date.UTC(1999, 00, 01));

  dateScale.maximum(Date.UTC(2005, 00, 01));

  chart.yScale(dateScale);

  var yTicks = chart.yScale().ticks();

  yTicks.interval(1);

​

  // setting data

  var series = chart.rangeColumn([

    {x: "Development", low: Date.UTC(2000, 01, 01), high: Date.UTC(2002, 02, 15)},

    {x: "Internal Testing", low: Date.UTC(2001, 06, 01), high: Date.UTC(2003, 07, 01)},

    {x: "Field Tests", low: Date.UTC(2002, 02, 25), high: Date.UTC(2003, 07, 01)},

    {x: "Licensing", low: Date.UTC(2003, 07, 01), high: Date.UTC(2004, 07, 01)}

  ]);

  series.tooltip(false);

​

  // adjusting labels for dateTime scale. Otherwise it would be the number of milliseconds between the date and midnight January 1 1970

  var yLabels = chart.yAxis().labels();

  yLabels.format(function(value) {

    var date = new Date(value["value"]);

    var options = {year: "numeric"};

    return date.toLocaleDateString("en-US", options);

  });

​

  // setting axis title

  var yAxis = chart.yAxis();

  yAxis.title("Date/Time Scale");

​

  chart.container("container");

  chart.draw();

});