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 a 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 green

  var rangeMarker = chart.rangeMarker();

  rangeMarker.axis(chart.yAxis());

  rangeMarker.from(20000);

  rangeMarker.to(30000);

  rangeMarker.fill("#009900 0.4");

​

  // set red marker

  var rangeMarker1 = chart.rangeMarker(1);

  rangeMarker1.axis(chart.yAxis());

  rangeMarker1.fill("#ffa000 0.4");

  rangeMarker1.from(10000);

  rangeMarker1.to(20000);

​

  // set green marker

  var rangeMarker2 = chart.rangeMarker(2);

  rangeMarker2.axis(chart.yAxis());

  rangeMarker2.from(0);

  rangeMarker2.to(10000);

  rangeMarker2.fill("#dd2c00 0.4");

​

  // set left text marker

  var textMarker = chart.textMarker(0);

  textMarker.axis(chart.yAxis());

  textMarker.align("left");

  textMarker.anchor("left-center");

  textMarker.offsetX(5);

  textMarker.value(25000);

  textMarker.fontColor("#212121");

  textMarker.text("Good: [20,000.00 - 30,000.00]");

  textMarker.fontSize(13);

​

  // set text marker at the center

  var textMarker1 = chart.textMarker(1);

  textMarker1.axis(chart.yAxis());

  textMarker1.align("center");

  textMarker1.anchor("center");

  textMarker1.value(15000);

  textMarker1.fontColor("#212121");

  textMarker1.hAlign("center");

  textMarker1.text("Average\n[20,000.00 - 30,000.00]");

  textMarker1.fontSize(13);

​

  // set text marker at the center

  var textMarker2 = chart.textMarker(2);

  textMarker2.axis(chart.yAxis());

  textMarker2.align("right");

  textMarker2.anchor("right-center");

  textMarker2.offsetX(5);

  textMarker2.value(5000);

  textMarker2.fontColor("#212121");

  textMarker2.text("Severe");

  textMarker2.fontSize(13);

​

  // draw

  chart.container("container");

  chart.draw();

});