jquery - 是否可以使用 SVG 图形和 Javascript 创建此图表？

Question

http://www.stockmapper.com/NDXtrac.html

是否可以使用 SVG 和 Javascript 或其他一些轻量级技术（即 HTML5.0 技术）开发上述图表？

将涉及什么样的努力（工日）？

SVG 版本会像 Flash 版本一样快速/流畅吗？

Answer 1

很酷的网站。我认为您确实可以在几天内构建它（大约 1-2 周可能更像它）。但是，您甚至不需要 SVG。可能只用css风格的div和绝对定位和一些动画就可以了。您可能不得不接受一些妥协，例如图表中的虚线样式或工具提示指针移动/伸展的方式，但没有什么可以让我尖叫“SVG”。

市场收盘后我正在看这个网站。它是否全天更新实时/延迟数据？考虑到管理数据，这可能会使它更具挑战性，但可能并不是非常糟糕。

我认为这个 Flash 片段很容易胜过非 Flash（JS/HTML/CSS 和/或 SVG）片段，但如果做得好可能不会。

Answer 2

可能的？是的。

涉及努力？对我来说，可能是几天。YMMV。

它会像 Flash 一样快/流畅吗？不完全是，但可能非常接近，因为没有任何淡入/淡出，并且您只是在移动/调整多边形和矩形的大小。

Answer 3

查看http://svg-wow.org上的示例，它提供了可免费重用的脚本（CC0 许可），可以更轻松地使用 svg 和动画。