HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
var dataSet = anychart.data.set([
4
{x: "Twix", value: 100, url:"//www.google.com/search?q=Twix", fill:"#F75208"},
5
{x: "Bounty", value: 200, url:"//www.google.com/search?q=Bounty", fill:"#F0700F"},
6
{x: "Picnic", value: 15, url:"//www.google.com/search?q=Picnic", fill:"#E88F17"},
7
{x: "Mars", value: 130, url:"//www.google.com/search?q=Mars", fill:"#E88F17"},
8
{x: "Snickers", value: 153, url:"//www.google.com/search?q=Snickers", fill:"#E0AD1F"},
9
{x: "KitKat", value: 120, url:"//www.google.com/search?q=KitKat", fill:"#D9CC26"},
10
{x: "Oreo", value: 151, url:"//www.google.com/search?q=Oreo", fill:"#D4E02B"}
11
]);
12
13
// set chart type
14
var chart = anychart.column();
15
16
chart.title("Double-click on a bar");
17
18
// set data
19
var series = chart.column(dataSet);
20
21
series.name("Confectionery");
22
23
// disable the stroke
24
series.stroke("none");
25
26
//add a listener
27
chart.listen("pointDblClick", function(e){
28
var new_value = e.iterator.get("url");
29
window.open(new_value,"_blank");
30
});
31
32
// set container and draw chart
33
chart.container("container");
34
chart.draw();
35
});