D3.js的实时图表

时间:2015-04-22 16:45:41

标签: javascript jquery angularjs svg d3.js

我是D3.js的新手。我正在尝试在X轴上创建一个带有时间的简单迷你图,并在Y轴上创建高达1000的数字。我有一个Web套接字服务器,它将随机数推送到客户端1000。我想在X轴上绘制Y轴上的这些值和时间(24小时格式)的图形。我尝试了一些东西,但没有一个能正常工作。我的图表是垂直的,有时只显示。

感谢任何有助于此工作的帮助。

以下是我的代码中的内容,这是我在网上找到的一个示例的调整版本。

data []从Web套接字调用填充。

<!DOCTYPE html>
<html manifest="damas.appcache">
...

有人能指点我参加D3的初学者教程,这将帮助我开始创建不同类型的图形吗?

1 个答案:

答案 0 :(得分:1)

拥有您正在使用的数据结构可能会有所帮助。

如果您想使用Angular + D3js,可以使用一些库来帮助您快速完成工作。

一个简单的库是: http://angularjs-nvd3-directives.github.io/angularjs-nvd3-directives/

另一组使用D3.js的好指令是 http://krispo.github.io/angular-nvd3/#/ 主页上有很多可以检查的例子。 虽然缺少文档,但每个示例都有一个plunker,你可以检查它是如何工作的。