我是D3.js的新手。我正在尝试在X轴上创建一个带有时间的简单迷你图,并在Y轴上创建高达1000的数字。我有一个Web套接字服务器,它将随机数推送到客户端1000。我想在X轴上绘制Y轴上的这些值和时间(24小时格式)的图形。我尝试了一些东西,但没有一个能正常工作。我的图表是垂直的,有时只显示。
感谢任何有助于此工作的帮助。
以下是我的代码中的内容,这是我在网上找到的一个示例的调整版本。
data []从Web套接字调用填充。
<!DOCTYPE html>
<html manifest="damas.appcache">
...
有人能指点我参加D3的初学者教程,这将帮助我开始创建不同类型的图形吗?
答案 0 :(得分:1)
拥有您正在使用的数据结构可能会有所帮助。
如果您想使用Angular + D3js,可以使用一些库来帮助您快速完成工作。
一个简单的库是: http://angularjs-nvd3-directives.github.io/angularjs-nvd3-directives/
另一组使用D3.js的好指令是 http://krispo.github.io/angular-nvd3/#/ 主页上有很多可以检查的例子。 虽然缺少文档,但每个示例都有一个plunker,你可以检查它是如何工作的。