html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // data

  var data = [

    [1990, 20],

    [1991, 12],

    [1992, 8],

    [1993, 7],

    [1994, 11]

  ];

​

  // create a chart

  var chart = anychart.line(data);

  chart.padding(20, 50, 0, 100);

​

  // first marker

  var marker = chart.textMarker(0);

  // bind marker to the scale

  marker.axis(chart.axis);

  // set marker position

  marker.value(13);

  // set marker's alignment

  marker.align("center");

  // set anchor

  marker.anchor("center");

  // set marker color

  marker.fontColor("#212121");

  // set marker text

  marker.text("Align: center");

​

  // second marker

  var marker1 = chart.textMarker(1);

  marker1.scale(chart.yScale());

  marker1.value(13);

  marker1.text("Align: left");

  marker1.align("left");

  marker1.offsetX(5);

  marker1.fontColor("#212121");

  marker1.anchor("left-center");

​

  // third marker

  var marker2 = chart.textMarker(2);

  marker2.axis(chart.yAxis());

  marker2.value(13);

  marker2.text("Align: right");

  marker2.align("right");

  marker2.offsetX(5);

  marker2.fontColor("#212121");

  marker2.anchor("right-center");

​

  // forth marker

  var marker3 = chart.textMarker(3);

  marker3.axis(chart.yAxis());

  marker3.value(15);

  marker3.text("Align: left\nAnchor: right");

  marker3.hAlign("right");

  marker3.align("left");

  marker3.fontColor("#212121");

  marker3.offsetX(5);

  marker3.anchor("right-center");

​

  // fifth marker

  var marker4 = chart.textMarker(4);

  marker4.axis(chart.yAxis());

  marker4.value(4);

  marker4.text("Align: left\nAnchor: right\nOffsetX: 40");

  marker4.hAlign("right");

  marker4.align("left");

  marker4.fontColor("#212121");

  marker4.offsetX(40);

  marker4.anchor("right-center");

​

  // draw

  chart.container("container");

  chart.draw();

});