javascript - 服务器和移动设备上的简单 svg 图表

Question

我想在电脑和移动设备上运行一个简单的图表，例如条形图。它们应该看起来相同并且应该基于 svg。我做了一些研究，发现 d3.js 和 node.js 可能是正确的选择。假设我可以在服务器端运行 node.js 。如何在服务器端和客户端使用相同的javascript代码？该图表需要是交互式的，例如当我有两个简单的图表在一起时，因此我在一个图表上单击的值会传递到其他图表。我对 javascript 和 node.js 都很陌生。

如果客户端是一台带有 Chrome 等高级浏览器的电脑，我希望图形在客户端中呈现图形，就像客户端是移动客户端 android/iphone 一样，服务器应该承担繁重的工作。

也欢迎任何指向其他图表库选项、教程的指示。提前致谢。

(注意:如果该库是开源的并且许可证不受限制并且允许商业使用，那就太好了。)

Answer 1

d3.js 是用于数据可视化的最佳 JavaScript 库之一。看看d3.js workshop和 wiki tutorial有关如何使用 d3.js 的指导

node.js 是基于 JavaScript 的 Web 服务器框架。 StackOverflow 上有一些关于 Node.js 的常见问题解答:

1. How do I get started with Node.js
2. node.js beginner tutorials?

高级使用

因为 Node 和 d3 都是 JavaScript 语言。您可以从 Node 本身使用d3.js和dc.js。这允许您在服务器上进行大量计算/渲染，并将图形发送到客户端。仅当您熟悉 node.js 和 d3.js 时才应尝试这些操作。

1. d3.js 的 Node 包
2. dc.js 的 Node 包