html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

var dataSet = anychart.data.set([

{x: "Twix", value: 100, url:"//www.google.com/search?q=Twix"},

{x: "Bounty", value: 200, url:"//www.google.com/search?q=Bounty"},

{x: "Picnic", value: 15, url:"//www.google.com/search?q=Picnic"},

{x: "Mars", value: 130, url:"//www.google.com/search?q=Mars"},

{x: "Snickers", value: 153, url:"//www.google.com/search?q=Snickers"},

{x: "KitKat", value: 120, url:"//www.google.com/search?q=KitKat"},

{x: "Oreo", value: 151, url:"//www.google.com/search?q=Oreo"}

]);

​

// set chart type

var chart = anychart.column();

​

chart.title("Confectionery Sales in April");

​

// set data

chart.column(dataSet).name('Boxes');

​

// set container and draw chart

chart.container("container");

chart.draw();

​

// add a listener

chart.listen("pointClick", function(e){

var index = e.point.getIndex();

var row = dataSet.row(index);

if (row.fillOld){

    row.fill = row.fillOld;

    delete row.fillOld;

} else{

    row.fillOld = row.fill;

    row.fill = "green";

}

dataSet.row(index, row);

});

​

// add a listener

chart.listen("pointDblClick", function(e){

var new_value = e.point.get("url");

window.open(new_value,"_blank");

});

​

});