有没有API可以实现类似谷歌流可视化的流可视化

Is there any API to implement flow visualization like google flow visualization

本文关键字：可视化 谷歌 API 实现 有没有      更新时间：2023-09-26

我正在尝试实现类似谷歌流可视化的流可视化图。请为这种类型的实现建议任何API。任何帮助都将不胜感激。

编辑：我使用sankey图来实现这一要求。以下是我的代码：

$(document).ready(function() {
    var dataArray = [["India 'n 40","United States 'n 25","Canada 'n 20","Hong Kong 'n 15"],
                     ["page1 'n 50","page2 'n 30","about_us.htm 'n 20"],
                     ["page2 'n 50","contactus.htm 'n 15"],
                     ["page1 'n 50"]];
    var sankey = new Sankey();
    for(var i=0; i< dataArray.length; i++) 
    sankey.stack(i,dataArray[i]); 
    sankey.setData([["India 'n 40",20,"page1 'n 50"],["United States 'n 25",10,"page1 'n 50"],["Canada 'n 20",10,"page1 'n 50"],["Hong Kong 'n 15",10,"page1 'n 50"],["India 'n 40",10,"page2 'n 30"],["United States 'n 25",10,"page2 'n 30"],["Canada 'n 20",5,"page2 'n 30"],["Hong Kong 'n 15",5,"page2 'n 30"],["India 'n 40",10,"about_us.htm 'n 20"],["United States 'n 25",5,"about_us.htm 'n 20"],["Canada 'n 20",5,"about_us.htm 'n 20"],
                    ["page1 'n 50",35,"page2 'n 50"],["page2 'n 30",15,"page2 'n 50"],["page1 'n 50",10,"contactus.htm 'n 15"],["page2 'n 30",5,"contactus.htm 'n 15"],
                    ["page2 'n 50",40,"page1 'n 50"]
                    ]);
    sankey.setBubbles([["page1 'n 50", 5],["page2 'n 30",10],["about_us.htm 'n 20",20],["contactus.htm 'n 15",15],["page2 'n 50",10]]);
    sankey.bubbleColor = "#F37126";
    sankey.bubbleLabelColor = "#FFF";
    sankey.draw();
});

在上面的例子中，我在第一次和第三次age1''n 50"。为此，它将在第三次交互中只创建一个节点。如何克服这个问题。请帮帮我。

提前感谢

看起来您想要的是一个Sankey图。

问题是使用sankey无法做到这一点。您可以在数据中添加一些其他数据，如堆栈号，这样可以减少重复。这就是我使用它的方式。它只是意味着我的对象在sankey图表中没有相同的名称。

相关文章：