jquery - 在网站中为未知数量的项目创建“栏”

Question

我不知道如何形容这个...

我想知道能够产生类似于 SO 的“声誉图表”的最佳方式

我正在考虑将它用于一个非常简单的“队列监控”mvc3 网站。

例如
，使用 ajax，每隔 x 秒查询一次我的队列，以获取它们中项目数的简单计数。

然后管理员可以打开页面并“实时”查看队列计数。

当然，如果添加/删除队列，我希望它能够工作。我实际上将它水平放置并带有标签，甚至可能是计数，但这就是所有光泽和化妆！

有没有一种明智的方法来实现图形部分？队列部分已经在工作。

最初的想法是使用 jquery 和附加组件......但不确定要寻找什么？

Answer 1

我会使用 Google Chart Image API - https://developers.google.com/chart/image/docs/data_formats

在在线“向导”上 - http://imagecharteditor.appspot.com/

基本上，您只需将“img”元素添加到 DOM 并在图像 URL 中传递适当的参数。它将返回您准备使用的图像。

以下是您可能为使用而生成的图像示例： http ://chart.googleapis.com/chart?chxt=y&chbh=a&chs=300x225&cht=bvg&chco=A2C180&chd=t:10,50,60,80,40 ,60,30&chtt=垂直+条形图+图表

Answer 2

尝试使用 jQuery 插件flot。

如果将浮点图与 AJAX 和 setTimeout 结合使用，则可以根据需要随时轮询服务器以获取新数据link。