html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = anychart.data.set([

    [2000, 10000],

    [2001, 12000],

    [2002, 18000],

    [2003, 11000],

    [2004, 9000]

  ]);

​

  // chart type

  var chart = anychart.area();

​

  // set data

  chart.area(data);

​

  // custom scale

  var additionalScale = anychart.scales.linear();

  // set ticks interval

  additionalScale.minimum(0);

  additionalScale.maximum(10);

  var additionalTicks = additionalScale.ticks();

  additionalTicks.interval(1);

​

  // y axis title

  var yAxis = chart.yAxis();

  yAxis.title("Sales");

​

  // apply custom scale

  var yAxis1 = chart.yAxis(1);

  yAxis1.orientation("right");

  yAxis1.scale(additionalScale);

  yAxis1.title("Sales Pts");

  yAxis1.labels(false);

​

  // set marker

  var textMarker = chart.textMarker(0);

  // bind marker to the scale

  textMarker.axis(yAxis);

  // set marker position

  textMarker.value(18000);

  // set marker alignment

  textMarker.align("left");

  // set anchor

  textMarker.anchor("leftcenter");

  // set marker text size

  textMarker.fontSize(12);

  // set marker text color

  textMarker.fontColor("#212121");

  // shift marker

  textMarker.offsetX(5);

  // set marker text

  textMarker.text("Historical Maximum");

​

  // set red marker

  var textMarker1 = chart.textMarker(1);

  // bind marker to the scale

  textMarker1.axis(chart.yAxis());

  // set marker position

  textMarker1.value(18000);

  // set marker alignment

  textMarker1.align("left");

  // set anchor

  textMarker1.anchor("center");

  // rotate marker

  textMarker1.rotation(-90);

  // set marker text size

  textMarker1.fontSize(13);

  // set marker text

  textMarker1.text("High");

  // shift marker

  textMarker1.offsetX(-75);

  // set marker text color

  textMarker1.fontColor("red");

​

  // set green marker

  var textMarker2 = chart.textMarker(2);

  textMarker2.axis(chart.yAxis());

  textMarker2.value(10000);

  textMarker2.text("Low");

  textMarker2.align("left");

  textMarker2.anchor("center");

  textMarker2.rotation(-90);

  textMarker2.fontSize(13);

  textMarker2.offsetX(-75);

  textMarker2.fontColor("green");

​

  // set text marker on the right

  var textMarker3 = chart.textMarker(3);

  textMarker3.axis(yAxis1);

  textMarker3.value(8);

  textMarker3.text("8.00");

  textMarker3.align("right");

  textMarker3.anchor("leftcenter");

  textMarker3.fontWeight("bold");

  textMarker3.fontSize(13);

  textMarker3.offsetX(10);

​

  // draw

  chart.container("container");

  chart.draw();

});