堆栈溢出声誉图(FLOT)的文档
-
30-09-2019 - |
题
是否有任何可用的文档来构建类似于我们在堆栈溢出中找到的文档 个人资料/声誉 标签?
从源代码中,我可以看到在此地址上查询数据: /users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)
但我不知道价值观 from
和 to
字段 在URL中 可以接受。
编辑:
在此图中,我们可以看到两个要点突出显示,结果是两个 问题 在侧面列出,这意味着绘制的值与 用户定义的数据.
但是,如果我考虑PKH的例子,则只有 点 (和标签)用于运行:
label: "United States",
data: [[1990, 18.9], [1991, 18.7] ....
所以我想看看:
- 如何将数据与点链接
- 如何根据图形选择更新面板[但也许该部分实际上不是由Flot本身完成的
解决方案
在这种情况下,他们正在通过URL传递JavaScript时间戳。
因此,在后端,他们必须做这样的事情(伪代码):
//get parameters from URL, non-rails people would just use POST or GET variables
$from = $_GET['from']
$to = $_GET['to']
//convert to timestamps in your language
$from = $from/1000
$to = $to/1000
//query your data source with these time-based restrictions
//return a JSON data set with the given restrictions, linking the known timestamps to labels
对于您的第二个问题,让您的服务器端返回关联数组,将时间戳链接到数据对象,在这种情况下,该对象包含增益,损失,URL,标题。在成功回调中,您显示它们。这是一个示例数据对象:
{ 1274774400000 : {
Gain:0,
Loss:10,
Url:'http://asdf.com',
Title:'We lost some rep here... boohoo'
},
1274947200000 : {
Gain:10,
Loss:0,
Url:'http://asdf.com',
Title:'We gained some rep here... woo!'
}
}
您可以在此处看到这种类型的对象 showReputation
您引用的页面中的功能...除了它们返回了JSON数组而不是对象。
您可以轻松地添加给定数据对象的另一个功能:一个plotClick事件,该事件在单击时突出显示给定数据点。
其他提示
看起来他们正在使用Flot的选择插件。这是一个 其使用的基本示例.
ranges
是对 plotselected
处理程序,所以 from
和 to
可以是给定轴的任何有效值。 (选择可以沿x,y或(x和y)轴。)
不隶属于 StackOverflow