Google Sankey Diagram - выделение всего потока от определенного узла - PullRequest
0 голосов
/ 12 марта 2019

у меня гугл санки диаграмма

google.load('visualization', '1.1', {packages: ['sankey']});      
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 ],
      [ 'Z', 'H', 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);
  }
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="sankey_basic" style="width: 900px; height: 300px;"></div>

Я установил опцию - node interactivity: true, которая делает следующее: когда вы щелкаете по узлу, он подсвечивает пути, которые идут в этот узел и идут из этого узла.

Но дело в том, что я хочу выделить весь путь. Например, в моем фрагменте, если вы щелкнете по узлу «A», он должен также выделить путь «Z» - «H». Можно ли сделать такую ​​вещь? Заранее спасибо.

...