html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // create data

  var data = {

    nodes: [

      {id: "Richard", url: 'https://google.com'},

      {id: "Larry", url: 'https://www.wikipedia.org'},

​

    ],

    edges: [

      {from: "Richard", to: "Larry"},   

    ]

  };

​

  // create a chart and set the data

  var chart = anychart.graph(data);

​

  // set the chart title

  chart.title("Click nodes");

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

​

  chart.listen('click', function(e) {

    var tag = e.domTarget.tag;

    if (tag) {

      console.log(`Clicked ${tag.type} with ID ${tag.id}`);

​

      if (tag.type === 'node') {

        // get url from data directly

        var url;

        for (var i = 0; i < data.nodes.length; i++) {

          if (data.nodes[i].id === tag.id) {

            url = data.nodes[i].url;

            break;

          }

        }

​

        // open url

        window.open(url, '_blank');

      }

    }

  });

​

​

​

});