html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // chart type

  var chart = anychart.line();

​

  // chart title

  chart.title("Line Chart DateTime Scale");

​

  // create custom logarithmic scale

  var logScale = anychart.scales.log();

  logScale.minimum(1);

​

  // apply custom scale to y scale

  chart.yScale(logScale);

​

  // create custom Date Time scale

  var dateTimeScale = anychart.scales.dateTime();

  var dateTimeTicks = dateTimeScale.ticks();

  dateTimeTicks.interval(0, 6);

​

  // apply Date Time scale

  chart.xScale(dateTimeScale);

​

  var series = chart.line([

    {value: 1.172, x: Date.UTC(2003, 09, 14)},

    {value: 1.916, x: Date.UTC(2004, 09, 13)},

    {value: 5.57, x: Date.UTC(2005, 09, 13)},

    {value: 15.0, x: Date.UTC(2006, 09, 13)},

    {value: 144, x: Date.UTC(2007, 09, 13)}

  ]);

​

  // adjust tooltips

  var tooltip = series.tooltip();

  tooltip.format(function () {

    var value = (this.value).toFixed(0);

    var date = new Date(this.x);

    var options = {year: "numeric", month: "numeric", day: "numeric"};

    var transformedDate =  date.toLocaleDateString("en-US", options);

​

    return "Value: $" + value + " mil.\n" + transformedDate ;

  });

​

  // adjust axis labels

  var labels = chart.xAxis().labels();

  labels.hAlign("center");

  labels.width(60);

  labels.format(function(value){

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

    var options = {

      year: "numeric",

      month: "short"

    };

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

  });

​

  // set container and draw chart

  chart.container("container");

  chart.draw();

});