html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // data

  var dataSet = anychart.data.set([

    {x: "Facebook", value: 103.42, yoy: 27},

    {x: "Google Search", value: 75.98, yoy: 37},

    {x: "Google Play", value: 73.67, yoy: 28},

    {x: "YouTube", value: 71.96, yoy: 27},

    {x: "Google Maps", value: 68.58, yoy: 14},

    {x: "Gmail", value: 64.41, yoy: 29},

    {x: "Instagram", value: 31.99, yoy: 66},

    {x: "Maps (Apple)", value: 31.89, yoy: 64},

    {x: "Stocks", value: 30.78, yoy: 32},

    {x: "Twitter", value: 30.76, yoy: 36}

  ]);

​

  // set chart type

  var chart = anychart.column();

​

  chart.title().enabled(true).useHtml(true).text("Hover over point to get information on <br> one of top 10 Smartphone<br> Applications of 2013").hAlign("center");

​

  // disable x axis title

  chart.xAxis().title().enabled(false);

  // allow two lines in x axis labels

  chart.xAxis().staggerMode(2);

​

  // set data

  var column = chart.column(dataSet);

​

  var view = dataSet.mapAs();

​

  // set listener on chart

  column.listen(

​

    // listener type

    "pointmouseover",

​

    // function, if listener triggers

    function(e) {

// receive all necessary information and summarize it in one variable

var infoGetter = "Application Name:<b>" +

view.get(e.pointIndex, "x") +

"</b><br/><a style='color: red;'>Average</a> Unique Users: <b>" +

view.get(e.pointIndex, "value") +

"</b> millions<br/>Year Over Year: <b>" +

view.get(e.pointIndex, "yoy") + "%</b>" ;

​

// set received information into chart title

chart.title().text(infoGetter).fontWeight(300);

    }

  );

    column.listen(

​

    // listener type

    "pointmouseout",

​

    // function, if listener triggers

    function () {

      chart.title().fontWeight(900).text("Hover over point to get information on <br> one of top 10 Smartphone<br> Applications of 2013");

  }

  );

​

  // set container and draw chart

  chart.container("container").draw();

});