html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

                                              // this column represents JS equivalents every JSON object

  var chart = anychart.fromJson(

    {chart: { type: "line",                           // var chart = anychart.lineChart();

      // set range marker

      rangeAxesMarkers: [{                            // chart.rangeMarker()

scale: 1,                                     //   .scale(chart.yScale())

from: 0,                                      //   .from(0)

to: 30000,                                    //   .to(30000)

fill: {                                       //   .fill({

  keys: [ ".1 green", ".5 yellow", ".9 red"], //     keys: [".1 green", ".5 yellow", ".9 red"],

  angle: -90,                                 //     angle: -90,

  opacity: 0.5                                //     opacity: 0.5

}}],                                          //   });

      // set text marker at the top

      "textAxesMarkers": [{                           // chart.textMarker()

"scale": 1,                                   //   .scale(chart.yScale())

"offsetX": 10,                                //   .offsetX(10)

"value": 25000,                               //   .value(25000)

"fontSize": 15,                               //   .text("Good")

"text": "Good",                               //   .fontSize(15)

"fontWeight": 600},                           //   .fontWeight(600);

// set text marker at the center

{                                             // chart.textMarker(1)

  "scale": 1,                                 //   .scale(chart.yScale())

  "offsetX": 10,                              //   .offsetX(10)

  "value": 15000,                             //   .value(15000)

  "text": "Average",                          //   .text("Average")

  "fontSize": 15,                             //   .fontSize(15)

  "fontWeight": 600},                         //   .fontWeight(600);

// set text marker at the bottom

{                                             // chart.textMarker(2)

  "scale": 1,                                 //   .scale(chart.yScale())

  "offsetX": 10,                              //   .offsetX(10)

  "value": 5000,                              //   .value(5000)

  "text": "Severe",                           //   .text("Severe")

  "fontSize": 12,                             //   .fontSize(12)

  "fontWeight": 600}],                        //   .fontWeight(600);

      // data set

      series: [{seriesType: "line",                   // chart.line([

data: [ {x: "2005", value: "10000"},          //   [2005, 10000],

  {x: "2006", value: "12000"},                //   [2006, 12000],

  {x: "2007", value: "18000"},                //   [2007, 18000],

  {x: "2008", value: "19000"},                //   [2008, 19000],

  {x: "2009", value: "29000"}                 //   [2009, 29000]

]}],                                          // ]);

      title: {enabled: "false"},                      // chart.title().enabled(false);

      yScale: {minimum: "0", maximum: "30000"},       // chart.yScale().minimum(0).maximum(30000);

      xAxes: {title: {enabled: "false"}},             // chart.xAxis().title().enabled(false);

      yAxes: {title: "Sales"},                        // chart.yAxis().title().text("Sales");

      container: "container"}}                        // chart.container("container")

  ).draw();

});