html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  // create a chart

  var chart = anychart.marker();

​

  // add series

  chart.marker([[1,1],[1,1],[5,6],[10,1]]).name("FDH 1mg/day");

  chart.marker([[2,3],[1,4],[7,6],[13,1]]).name("FDH 5mg/day");

  chart.marker([[2,1],[1,2],[3,6],[8,1]]).name("Placebo");

​

  // configure legend

  var legend = chart.legend();

  legend.enabled(true);

  legend.background().enabled(true).stroke("1 black");

  legend.padding(5);  

​

  // set position mode

  legend.positionMode("outside");

  // set position and alignement

  legend.position("top");

  legend.align("right");

  legend.itemsLayout("verticalExpandable");

​

  chart.title("Outside Legend Position");

  chart.container("container");

  chart.draw();

});