html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  // xml data                                         // JS equivalent

  var xml = '<?xml version="1.0" encoding="utf-8"?>' +

    '<anychart xmlns="https://cdn.anychart.com/schemas/7.14.3/xml-schema.xsd">' +

      // set chart type, title and chart container

      '<chart type="column" '+// set chart container  // var chart = anychart.column();

      'container="container">'+                       // chart.container("container");

​

// title settings

'<title '+                                    // chart.title()

// set title text                             //   // set title text

'text="Sales Performance">'+                  //   .text("Sales Performance")

  // settings for title background            //   // settings for title background

  '<background '+                             //   .background()

  // enable background                        //     // enable background

  'enabled="true" '+                          //     .enabled(true)

  // set background inner color               //     // set background inner color

  'fill="#FFD700" '+                          //     .fill("#FFD700")

  // set background border                    //     // set background border

  'stroke="#D8D8D8" '+                        //     .stroke("#D8D8D8")

  // set type of background corners           //     // set type of background corners

  'cornerType="round" '+                      //     .cornerType("round")

  // set corners size                         //     // set corners size

  'corners="10"/></title>'+                   //     .corners(10);

​

// set series type

'<series_list><series series_type="column">'+ // chart.column([

'<data><point x="January" value="10000"/>'+   //   ["John", 10000],

    '<point x="February" value="12000"/>'+            //   ["Jake", 12000],

    '<point x="March" value="18000"/>'+               //   ["Peter", 18000],

    '<point x="April" value="11000"/>'+               //   ["James", 11000],

    '<point x="May" value="9000"/></data>'+           //   ["Mary", 9000]

    '</series></series_list></chart>'+                // ]);

    '</anychart>';

  // get XML data

  var chart = anychart.fromXml(xml);

  // draw chart

  chart.draw();

});