单击 Google Sankey 节点时的超链接

Question

单击 Google 可视化 Sankey 图中的节点时，有没有办法在给定 URL 的弹出窗口 window 中打开 pdf？

我有一个带有弹出消息的 fiddle here，但我不知道如何在 window 中呈现页面，也不知道在哪里定义哪个图像与sankey def'ns 中的哪个节点。

  google.setOnLoadCallback(drawChart);

  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'From');
    data.addColumn('string', 'To');
    data.addColumn('number', 'Weight');
    data.addRows([
      [ 'A', 'X', 5 ],
      [ 'A', 'Y', 7 ],
      [ 'A', 'Z', 6 ],
      [ 'B', 'X', 2 ],
      [ 'B', 'Y', 9 ],
      [ 'B', 'Z', 4 ]
    ]);

    // Sets chart options.
    var options = {
      width: 600,
        sankey: {
            node: {
                interactivity: true
            }
        }
    };

    // Instantiates and draws our chart, passing in some options.
    var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
    chart.draw(data, options);
      google.visualization.events.addListener(chart, 'select', function() {
          var sel = chart.getSelection();
          if (sel.length)
                var href = "http://www.google.com"

              alert('You selected node "' + sel[0].name + '"');
      });
  }

Answer 1

您可以使用 switch 语句来确定选择了哪个节点

然后使用window.open显示pdf等...

google.visualization.events.addListener(chart, 'select', function() {
  var sel = chart.getSelection();
  if (sel.length) {
    switch (sel[0].name) {
      case 'A':
        window.open('http://www.bing.com');
        break;

      case 'B':
        window.open('http://www.yahoo.com');
        break;

      default:
        window.open('http://www.google.com');
    }
  }
});

参见forked fiddle...

单击 Google Sankey 节点时的超链接

Hyperlinks when clicking on Google Sankey nodes

javascript

charts

google-visualization

sankey-diagram