用于创建和交互式流程图的最佳 javascript 库

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/15461780/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 00:50:28  来源:igfitidea点击:

Best javascript library to create and interactive flow chart

javascriptchartsraphaelflow

提问by Dale Woods

I would like to create an interactive 'problem solving' type flow chart that is made up out div elements.

我想创建一个由 div 元素组成的交互式“问题解决”类型流程图。

I would like to do something very similar to what the new york times have done in this example...

我想做一些与纽约时报在这个例子中所做的非常相似的事情......

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

Someone suggested Raphael so I've been learning a bit of that and it's awesome.

有人推荐了 Raphael,所以我一直在学习,这很棒。

Is there any other library worth considering?

还有其他值得考虑的图书馆吗?

Also if Raphael is suitable for this task, is it a widely used library? If I am going to learn new skills It's in my best interest to learn popular code so I can re apply it with different jobs I get, not some exotic thing that Ill never use or no one will ever want me to use again.

另外如果 Raphael 适合这个任务,它是一个广泛使用的库吗?如果我要学习新技能 学习流行代码符合我的最大利益,这样我就可以将它重新应用到我得到的不同工作中,而不是一些我永远不会使用或没人希望我再次使用的奇特事物。

Thanks very much.

非常感谢。

回答by F Lekschas

Consider D3JSif you want to dive into data visualization. There are tons of nice example and tutorials on the website.

如果您想深入研究数据可视化,请考虑D3JS。网站上有大量不错的示例和教程。

PS: The create Mike Bostock current works for NY Times as far as I know ;)

PS:据我所知,创建 Mike Bostock 目前为纽约时报工作;)

回答by Chris Moschini

For something truly as simple as the NYTimes example there's nothing stopping you from doing it with a few images of arrows and jquery .slideDown(). It'd sure be lighter than using a bigger vector library, and it'd work in browsers old as salt.

对于像 NYTimes 示例这样真正简单的事情,没有什么可以阻止您使用一些箭头图像和jquery .slideDown() 来完成它。它肯定比使用更大的矢量库更轻,而且它可以在旧的浏览器中工作。

回答by Andron

I agree that Raphaeljs library is powerful. Also I can suggest to take a look to ExtJs 4- it has cool examples too (of course if you need something else from it, not only charts)...

我同意Raphaeljs 库很强大。我也可以建议看看ExtJs 4- 它也有很酷的例子(当然,如果你需要它的其他东西,不仅仅是图表)......