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

Question

我不知道怎么说这个......

我想知道能够制作类似于SO的“声望图”

的最佳方法

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

e.g。
使用ajax，每x秒查询一次我的队列，只是简单地计算它们中的项目数。

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

当然，如果添加/删除队列，我希望能够工作。我实际上它是水平的，带有标签，甚至可能是数量，但那都是光泽和化妆！

是否有一种合理的方式来实现图形部分？队列部分已经在运行。

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

Answer 1

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

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

基本上，您只需向DOM添加“img”元素，并在图像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=Vertical+bar+chart

Answer 2

尝试使用jQuery插件flot。

如果您将flot图表与AJAX和setTimeout结合使用，则可以根据需要随时轮询服务器以获取新数据{。{3}}。