使用哪个 jquery draggable/resizable 仪表板模板
Which jquery draggable/resizable dashboard template to use
背景
我正在制作一个前端界面来显示日志数据。我目前有一个 table 显示具有大量操作的原始数据，一个类似于热图的日历和一个显示任何选定属性、时间段和粒度（使用 d3）的聚合数据的条形图。数据量相当大，所以所有操作都在后端完成（字面意思是，所有 filter/sort 等都是对服务器端的 AJAX 调用）。应该会有更多的图表，以类似的方式。
目标
我想要的是一个使用 JQuery 的仪表板，用于稍后的所有图表和统计信息。我简要浏览了以下选项：
问题是我真的不能说出它们之间的显着差异或者哪个更合适，而且我的前端经验非常有限（我几天前查阅并学习了 JS 函数定义语法）。以下是我希望理想实现的功能列表：
- 每个小部件的行为都像一个普通的 DOM 对象，或者就像没有小部件一样。所以我仍然能够在小部件中操作 table 和图表，相互发送 AJAX 调用。
- 能够为不同的图表添加具有自定义设置的小部件，理想情况下还具有用户定义的小部件之间的关系（我正在考虑分配 ID）。因此，例如可能有 4 个小部件：2 个 tables 和 2 个图形，每当我单击 table A 时图形 A 会相应更改，而图形 B 在 table B 上的操作会相应更改。（这听起来很棘手，可行吗？）
[可选]
- 一键将整个看板更改为某个预设布局
- 在几乎全屏模式弹出窗口中显示小部件的选项 window 时尚以便更好地操作
目前能想到的就这些了。想知道是否有人做过类似的事情，以及上述选项中的 pros/cons/limitations 和 each/any 是什么？任何建议表示赞赏:)
为什么要自己建？请改用 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 页面上的所有元素都是 "normal DOM objects" 可以操纵的，我不明白这与 AJAX 有什么关系。您可以 运行 AJAX 来自任何网页的请求，只要请求是针对同一个域或具有 CORS header 的另一个域发出的（否则您 运行 XSS 问题）
- Dashing 并不真正支持开箱即用的小部件与其他小部件交互，但我仍然可以对此进行编码。这听起来很复杂，我可能会建议不要这样做。
- 在 Dashing 中，您可以拥有多个仪表板，并且每个仪表板 link 即可获得不同的布局。每个仪表板都有自己的 ERB 模板，它根据请求的 HTTP 路由呈现不同的 HTML。
- 现代浏览器支持 Fullscreen API，可用于使小部件全屏显示。
背景
我正在制作一个前端界面来显示日志数据。我目前有一个 table 显示具有大量操作的原始数据，一个类似于热图的日历和一个显示任何选定属性、时间段和粒度（使用 d3）的聚合数据的条形图。数据量相当大，所以所有操作都在后端完成（字面意思是，所有 filter/sort 等都是对服务器端的 AJAX 调用）。应该会有更多的图表，以类似的方式。
目标
我想要的是一个使用 JQuery 的仪表板，用于稍后的所有图表和统计信息。我简要浏览了以下选项：
问题是我真的不能说出它们之间的显着差异或者哪个更合适，而且我的前端经验非常有限（我几天前查阅并学习了 JS 函数定义语法）。以下是我希望理想实现的功能列表：
- 每个小部件的行为都像一个普通的 DOM 对象，或者就像没有小部件一样。所以我仍然能够在小部件中操作 table 和图表，相互发送 AJAX 调用。
- 能够为不同的图表添加具有自定义设置的小部件，理想情况下还具有用户定义的小部件之间的关系（我正在考虑分配 ID）。因此，例如可能有 4 个小部件：2 个 tables 和 2 个图形，每当我单击 table A 时图形 A 会相应更改，而图形 B 在 table B 上的操作会相应更改。（这听起来很棘手，可行吗？）
[可选]
- 一键将整个看板更改为某个预设布局
- 在几乎全屏模式弹出窗口中显示小部件的选项 window 时尚以便更好地操作
目前能想到的就这些了。想知道是否有人做过类似的事情，以及上述选项中的 pros/cons/limitations 和 each/any 是什么？任何建议表示赞赏:)
为什么要自己建？请改用 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 页面上的所有元素都是 "normal DOM objects" 可以操纵的，我不明白这与 AJAX 有什么关系。您可以 运行 AJAX 来自任何网页的请求，只要请求是针对同一个域或具有 CORS header 的另一个域发出的（否则您 运行 XSS 问题）
- Dashing 并不真正支持开箱即用的小部件与其他小部件交互，但我仍然可以对此进行编码。这听起来很复杂，我可能会建议不要这样做。
- 在 Dashing 中，您可以拥有多个仪表板，并且每个仪表板 link 即可获得不同的布局。每个仪表板都有自己的 ERB 模板，它根据请求的 HTTP 路由呈现不同的 HTML。
- 现代浏览器支持 Fullscreen API，可用于使小部件全屏显示。