html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // data

  var data = [

    [2005, 10000],

    [2006, 12000],

    [2007, 18000],

    [2008, 19000],

    [2009, 29000]

  ];

​

  // create chart

  var chart = anychart.line(data);

  chart.tooltip().format("Year: {%x}\nSales: {%value}");

​

  // set y scale ticks interval

  chart.yScale().minimum(0);

  chart.yScale().maximum(30000);

  chart.yScale().ticks().interval(5000);

​

  // adjust y axis labels

  chart.yAxis().labels().format("${%value}");

​

  // set range marker

  var range = chart.rangeMarker();

  range.scale(chart.yScale());

  range.from(0);

  range.to(30000);

  range.fill({

    keys: [".1 #009900", ".5 #ffa000", ".9 #dd2c00"],

    angle: -90,

    opacity: 0.5

  });

​

  // set left text marker

  var textMarker = chart.textMarker();

  textMarker.axis(chart.yAxis());

  textMarker.align("center");

  textMarker.anchor("center");

  textMarker.offsetX(10);

  textMarker.value(25000);

  textMarker.fontColor("#212121");

  textMarker.text("Good");

  textMarker.fontSize(13);

​

  // set text marker at the center

  var textMarker1 = chart.textMarker(2);

  textMarker1.axis(chart.yAxis());

  textMarker1.align("center");

  textMarker1.anchor("center");

  textMarker1.offsetX(10);

  textMarker1.value(5000);

  textMarker1.fontColor("#212121");

  textMarker1.text("Severe");

  textMarker1.fontSize(13);

​

  // set text marker at the center

  var textMarker2 = chart.textMarker(1);

  textMarker2.axis(chart.yAxis());

  textMarker2.align("center");

  textMarker2.anchor("center");

  textMarker2.offsetX(10);

  textMarker2.value(15000);

  textMarker2.fontColor("#212121");

  textMarker2.text("Average");

  textMarker2.fontSize(13);

​

  // draw

  chart.container("container");

  chart.draw();

});