1

是否有任何可用于构建 Flot 图的文档，类似于我们在 Stack Overflow配置文件/声誉选项卡中可以找到的内容？

从源代码可以看到在这个地址查询数据：/users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)但是不知道URLfrom中的值和to字段能接受。

编辑：

替代文字

在此图中，我们可以看到突出显示了两个点，结果是在侧面列出了两个问题，这意味着绘制的值与用户定义的数据相关联。

但是，如果我考虑 pkh 的示例，则仅向 Flot 提供点（和标签）：

label: "United States",
        data: [[1990, 18.9], [1991, 18.7] ....

所以我想看看：

  1. 如何将数据与点链接
  2. 如何根据图形选择更新面板[但也许这部分实际上不是由 Flot 自己完成的]
4

2 回答 2

2

在这种情况下，他们通过 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

对于您的第二个问题，让您的服务器端返回一个关联数组，将时间戳链接到一个数据对象，在这种情况下，该数据对象包含 Gain、Loss、Url、Title。在成功回调中，显示它们。这是一个示例数据对象：

{ 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 事件，当单击给定数据点时它会突出显示它。

于 2010-08-26T19:02:22.580 回答
1

看起来他们正在使用 flot 的选择插件。这是其使用的基本示例。

ranges是plotselected处理程序的参数，因此from和to可以是给定轴的任何有效值。（选择可以沿 x、y 或（x 和 y）轴。）

于 2010-08-24T18:32:01.067 回答