html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // define chart

  var chart = anychart.financial();

​

  // crosshair settings

  var crosshair = chart.crosshair();

  // enable crosshair

  crosshair.enabled(true);

  // set custom function for formatting x crossshair label

  var xCrossLabel = crosshair.xLabel();

  xCrossLabel.format(function(){

    // get label data

    var date = new Date(this.rawValue);

    // get month from date

    var month = date.toLocaleDateString("en-US", {month: "long"});

    // get day from date

    var day = date.toLocaleDateString("en-US", {day: "numeric"});

    // get year from date

    var year = date.toLocaleDateString("en-US", {year: "numeric"});

    // format label content

    return month + " " + day + ", " + year;

  });

  // set custom function for formatting y crossshair label

  var yCrossLabel = crosshair.yLabel();

  yCrossLabel.format(function(){

    var dollars = "$ " + this.value.toFixed(2);

    var euro = "? " + (this.value*0.91).toFixed(2);

    var yuan = "? " + (this.value*6.40).toFixed(2);

    return euro + "\n"+ dollars + "\n" + yuan;

  });

​

  var xScale = chart.xScale();

  xScale.minimum(Date.UTC(2010, 0, 1));

  xScale.maximum(Date.UTC(2015, 0, 1));

  var xTicks = chart.xScale().ticks();

  xTicks.interval(0,4);

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

  xLabels.format(function(){

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

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

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

  });

​

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

  yLabels.width(75);

​

  // set series data

  var series = chart.line([

    [Date.UTC(2010, 0, 01), 72924],

    [Date.UTC(2010, 1, 01), 79371],

    [Date.UTC(2010, 2, 01), 76899],

    [Date.UTC(2010, 3, 01), 80891],

    [Date.UTC(2010, 4, 01), 50548],

    [Date.UTC(2010, 5, 01), 47039],

    [Date.UTC(2010, 6, 01), 64029],

    [Date.UTC(2010, 7, 01), 57180],

    [Date.UTC(2010, 8, 01), 69809],

    [Date.UTC(2010, 9, 01), 73899],

    [Date.UTC(2010, 10, 01), 59456],

    [Date.UTC(2010, 11, 01), 68822],

    [Date.UTC(2011, 0, 01), 92536],

    [Date.UTC(2011, 1, 01), 105108],

    [Date.UTC(2011, 2, 01), 97777],

    [Date.UTC(2011, 3, 01), 82511],

    [Date.UTC(2011, 4, 01), 123476],

    [Date.UTC(2011, 5, 01), 123113],

    [Date.UTC(2011, 6, 01), 104613],

    [Date.UTC(2011, 7, 01), 104919],

    [Date.UTC(2011, 8, 01), 109661],

    [Date.UTC(2011, 9, 01), 99281],

    [Date.UTC(2011, 10, 01), 104695],

    [Date.UTC(2011, 11, 01), 109492],

    [Date.UTC(2012, 0, 01), 148910],

    [Date.UTC(2012, 1, 01), 154197],

    [Date.UTC(2012, 2, 01), 122224],

    [Date.UTC(2012, 3, 01), 136687],

    [Date.UTC(2012, 4, 01), 173808],

    [Date.UTC(2012, 5, 01), 179910],

    [Date.UTC(2012, 6, 01), 194502],

    [Date.UTC(2012, 7, 01), 176565],

    [Date.UTC(2012, 8, 01), 152765],

    [Date.UTC(2012, 9, 01), 152950],

    [Date.UTC(2012, 10, 01), 161812],

    [Date.UTC(2012, 11, 01), 169217],

    [Date.UTC(2013, 0, 01), 168348],

    [Date.UTC(2013, 1, 01), 174274],

    [Date.UTC(2013, 2, 01), 206777],

    [Date.UTC(2013, 3, 01), 195678],

    [Date.UTC(2013, 4, 01), 201773],

    [Date.UTC(2013, 5, 01), 211041],

    [Date.UTC(2013, 6, 01), 203658],

    [Date.UTC(2013, 7, 01), 194100],

    [Date.UTC(2013, 8, 01), 197417],

    [Date.UTC(2013, 9, 01), 211506],

    [Date.UTC(2013, 10, 01), 211488],

    [Date.UTC(2013, 11, 01), 198981],

    [Date.UTC(2014, 0, 01), 232004],

    [Date.UTC(2014, 1, 01), 228394],

    [Date.UTC(2014, 2, 01), 204727],

    [Date.UTC(2014, 3, 01), 246861],

    [Date.UTC(2014, 4, 01), 249813],

    [Date.UTC(2014, 5, 01), 235604],

    [Date.UTC(2014, 6, 01), 255414],

    [Date.UTC(2014, 7, 01), 280067],

    [Date.UTC(2014, 8, 01), 282872],

    [Date.UTC(2014, 9, 01), 287978],

    [Date.UTC(2014, 10, 01), 295558],

    [Date.UTC(2014, 11, 01), 275614]

  ]);

  series.tooltip(false);

​

  var hoverMarkers = series.hoverMarkers();

  hoverMarkers.size(4);

​

  chart.interactivity("byX");

​

  // draw chart

  chart.container("container");

  chart.draw();

});