html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = anychart.data.set([

    [2005, 10000],

    [2006, 12000],

    [2007, 18000],

    [2008, 19000],

    [2009, 29000]

  ]);

​

  // chart type

  var chart = anychart.line();

​

  // set data

  var series = chart.line(data);

  var tooltip = series.tooltip();

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

​

  // set y scale ticks interval

  var yScale = chart.yScale();

  yScale.minimum(0);

  yScale.maximum(30000);

  var yTicks = chart.yScale().ticks();

  yTicks.interval(5000);

​

  // adjust y axis labels

  var yLabels = chart.yAxis().labels();

  yLabels.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("leftcenter");

  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("rightcenter");

  textMarker2.offsetX(5);

  textMarker2.value(5000);

  textMarker2.fontColor("#212121");

  textMarker2.text("Severe");

  textMarker2.fontSize(13);

​

  // draw

  chart.container("container");

  chart.draw();

});