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

标签 javascript node.js d3.js dc.js

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

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

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

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

最佳答案

d3.js 是用于数据可视化的最佳 JavaScript 库之一。看看d3.js workshopwiki 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.jsdc.js。这允许您在服务器上进行大量计算/渲染,并将图形发送到客户端。仅当您熟悉 node.jsd3.js 时才应尝试这些操作。

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

关于javascript - 服务器和移动设备上的简单 svg 图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15447690/

相关文章:

javascript - 如何旋转文本标签,使其不会上下颠倒 (SVG)?

javascript - 使用 Javascript 对象动态生成的 html 不采用 Bootstrap 或 CSS 样式

javascript - 对象引用自身

javascript - Kendo TreeView 请求展开但不显示返回的数据

javascript - 错误 : Cannot find module './build/Release/sharp'

node.js - 一种防止 Sequelize 中高度嵌套代码进行错误处理的方法?

javascript - 专注于隐藏元素(取消隐藏后)并使用切换时的 jQuery 问题

mysql - 错误 : reference. 类 BelongsTo 扩展关联

d3.js - 树、簇、径向树和径向簇布局之间的平滑过渡

javascript - Meteor 发布/订阅延迟时间