背景
我正在制作一个显示日志数据的前端界面。我目前有一个表，它显示了大量操作的原始数据，一个类似热图的日历和一个条形图，显示了任何选定属性、时间段和粒度的聚合数据(使用d3(。数据大小相当大，所以所有操作都在后端完成(实际上，所有的过滤器/排序等都是对服务器端的AJAX调用(。应该会有更多类似的图表出现。
目标
我想要的是一个稍后使用JQuery处理所有图形和Stats的仪表板。我简要浏览了以下选项：
- 网格列表
- Dashing
-
Gridly(无法插入2+链接，因为信誉…(
-
s仪表板^
- Gridster(根据Gridlist，它不再处于开发中，因此可靠性不确定？(
问题是，我真的分不清它们之间的显著区别，也分不清哪一个更适合，而且我的前端经验非常有限(几天前我查阅并学习了JS函数定义语法(。以下是我希望理想实现的功能列表：
- 每个小部件的行为就像一个普通的DOM对象，或者就像没有小部件一样。因此，我仍然能够在小部件中操作表和图，相互发送AJAX调用
- 能够为不同的图添加具有自定义设置的小部件，理想情况下，还具有小部件之间的用户定义关系(我正在考虑分配ID(。例如，可能有4个小部件：2个表和2个图，每当我点击表A时，图A就会相应地改变，而当我对表B进行操作时，图B也会相应地改变。(这听起来很棘手，可行吗？(
[可选]
- 一键将整个电路板更改为某些预设布局
- 以几乎全屏模式弹出窗口的方式显示小部件的选项，以便更好地进行操作
到目前为止，这些都是我能想到的。想知道是否有人做过类似的事情，上述每个选项的优点/缺点/限制是什么？欢迎提出任何建议：(
为什么要自己构建？使用ELK(Elastica、Log Stash、Kibana(。
它已经构建好了，并且完全可以满足您的需要——除非您正在登录数据库。如果你是，那么愿上帝怜悯你的灵魂(以及你可怜的DBMS(。
以下是DigitalOcean的教程，其中包含设置说明：https://www.digitalocean.com/community/tutorials/how-to-install-elasticsearch-logstash-and-kibana-4-on-ubuntu-14-04
不管怎样。。。
免责声明-我为Dashing项目做出了贡献，我有很大的偏见。
你的清单答案：
- HTML页面上的所有元素都是可以操作的"普通DOM对象"，我不明白这与AJAX有什么关系。您可以从任何网页运行AJAX请求，只要请求是针对同一域或另一个具有CORS标头的域(否则会遇到XSS问题(
- Dashing并不真正支持小部件与其他小部件进行开箱即用的交互，但我认为您仍然可以对其进行编码。这听起来很复杂，我可能会建议不要这样做
- 在Dashing中，您可以有多个仪表板，只需链接到每个仪表板即可获得不同的布局。每个Dashboard都有自己的ERB模板，该模板根据请求的HTTP路由呈现不同的HTML
- 现代浏览器支持全屏API，该API可用于使小部件实现全屏