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

Question

我想运行一个简单的图表，例如在 PC 和移动设备上运行条形图。它们应该看起来相同，并且应该基于 svg。我做了一些研究，发现可能是 d3.js 和 node.js 是要走的路。假设我可以在服务器端运行 node.js。如何在服务器端和客户端使用相同的 javascript 代码？图表需要是交互式的，比如说当我有 2 个简单的图表在一起时，所以我在一个图表上单击的值会传递给另一个图表。我是 javascript 和 node.js 的新手。

如果客户端是具有高级浏览器（如 chrome）的 PC，我希望图形在客户端中呈现图形，而客户端是移动客户端 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 中。您可以从节点本身使用d3.js 和dc.js。这允许您在服务器上进行繁重的计算/渲染，并将图形发送到客户端。仅当您熟悉 node.js 和 d3.js 时才应尝试这些。

1. d3.js 的节点包
2. dc.js 的节点包

Answer 2

我是用于 javascript 图表的 highcharts 的忠实粉丝。非常易于使用且功能强大。