Sankey Simple v2

by rbyce

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="sankey_basic" style="width: 900px; height: 300px;"></div>

JavaScript

google.charts.load('current', {'packages':['sankey']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'From');
        data.addColumn('string', 'To');
        data.addColumn('number', 'Weight');
   		 data.addColumn('string', 'tooltip');
        data.addRows([
          [ 'Assigned St. Catherine', 'De-Register', 4, 'tool tip'],
          [ 'Assigned 1st Acton', 'St. Catherine', 4, 'tool tip' ]

        ]);


    var options = {
        width: 600,
        height: 300,
        tooltip: {isHtml: true},
        sankey: {
            iterations: 64,
            node: {
                nodePadding: 10,
                interactivity: true,
                label: {
                    fontName: 'Times-Roman',
                    fontSize: 14,
                    color: '#871b47',
                    bold: false,
                    italic: true
                }
            },
            allowHtml: 'true',
            tooltip: {
                isHtml: 'true'
            }
        }

    };
        // Sets chart options.
 //       var options = {
 //         width: 600,
 //       };

        // Instantiates and draws our chart, passing in some options.
        var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
        chart.draw(data, options);
      }