Google图表API:在Sankey图表中设置节点标签的值

谢尔盖·瓦兰科夫(Sergei Walankov)

我正在尝试创建一个简单的Sankey图,该图显示两组节点之间的流,并且希望两组具有相同的名称。但是,这是不允许的(它会引发“行中发现循环”错误),因此我在第二组节点的名称中添加了“ 2”,如下所示:

        function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'From');
        data.addColumn('string', 'To');
        data.addColumn('number');
        data.addRows([
            ['foo', 'foo2', 6],
            ['bar', 'bar2', 4],
            ['foo', 'bar2', 6],
            ['bar', 'foo2', 4]
        ]);

        var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
        chart.draw(data);
      }

但是,我不希望节点标签说“ foo2”和“ bar2”-我只希望它们说“ foo”和“ bar”。在某些情况下,您可以使用{v:'foo2',f:'foo'}和{v:'bar2',f:'bar'}使用Google Visualization API解决此问题,但这在这里不起作用。有什么办法可以做到吗?

白帽

尝试在最后使用空格...

['foo', 'foo ', 6],
['bar', 'bar ', 4],
['foo', 'bar ', 6],
['bar', 'foo ', 4]

请参阅以下工作片段...

google.charts.load('current', {
  packages: ['sankey']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'From');
  data.addColumn('string', 'To');
  data.addColumn('number');
  data.addRows([
    ['foo', 'foo ', 6],
    ['bar', 'bar ', 4],
    ['foo', 'bar ', 6],
    ['bar', 'foo ', 4]
  ]);

  var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
  chart.draw(data);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="sankey_basic"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章