Javascript Keen.io如何使用savedQueries（）绘制图表

我尝试使用savedquerys绘制图形，但没有成功。savedQueries是否仅用于Keen中的CRUD查询，或者它实际上也可以用于图表？？密钥已从代码中删除，不便之处，敬请谅解

var client = new Keen({
  projectId: keen.project,
  writeKey: keen.writeKey,
  readKey: keen.readKey,
  masterKey: keen.masterKey
});
var savedQueries = client.savedQueries();
savedQueries.get("monthly-active-users", function(err, response) {
  if (err) {
    console.log(err);
  }
  console.log(response);
  var chart1 = new Keen.Dataviz()
    .el(document.getElementById('chart'))
    .chartType("area")
    .colors(["#6ab975"])
    .title("Monthly Active Users")
    .prepare();

  chart1
    .data(response)
    .render();

}))

来自已保存查询的响应对象

{
  "refresh_rate": 0,
  "user_last_modified_date": "2017-06-09T18:51:59.676000+00:00",
  "last_modified_date": "2017-06-09T18:51:59.676000+00:00",
  "query_name": "monthly-active-users",
  "urls": {
    "cached_query_url": "/3.0/projects/58f6fb8a90b3659264951b8d/queries/saved/monthly-active-users",
    "cached_query_results_url": "/3.0/projects/58f6fb8a90b3659264951b8d/queries/saved/monthly-active-users/result"
  },
  "created_date": "2017-04-25T23:52:45.685000+00:00",
  "query": {
    "filters": [
      {
        "operator": "ne",
        "property_name": "user_id",
        "property_value": "guest"
      },
      {
        "operator": "not_contains",
        "property_name": "fromState",
        "property_value": "app"
      },
      {
        "operator": "not_contains",
        "property_name": "user_email",
        "property_value": "@giblib.com"
      },
      {
        "operator": "not_contains",
        "property_name": "fromState",
        "property_value": "app.auth_postregister"
      }
    ],
    "analysis_type": "count_unique",
    "timezone": "US/Pacific",
    "group_by": null,
    "force_exact": null,
    "timeframe": "this_2_months",
    "target_property": "user_id",
    "interval": "monthly",
    "event_collection": "user-page-access"
  },
  "run_information": null,
  "metadata": {
    "visualization": {
      "chart_type": "areachart"
    },
    "display_name": "Monthly Active Users"
  }
}

---

我注意到您没有包含

Keen.ready（）

函数。另外，我建议使用

client.run

而不是

client.get

，因为它运行查询并获取结果

我接着创建了一个JSFIDLE示例：

您可以在JSFiddle中看到它与一些测试数据一起工作

---

注意：我假设您在这里使用的是keen js，而不是keen-dataviz.js

执行此操作时，控制台中是否出现任何错误？您应该能够在图表中使用已保存的查询。它获取响应的方式与临时查询相同。不，我没有从savedQueries.get（“每月活动用户”）中得到任何错误，图表显示“没有要显示的数据”尽管如此。这很好，但是没有办法修改响应obj的时间范围，以便为不同的时间范围绘制图表吗？一个不同于保存的查询的时间范围？是的，我希望查询的时间范围与保存的时间范围不同。这可能吗？您需要创建另一个保存的查询，或者只使用临时查询。您可以y获取保存的查询定义（），然后从中创建一个新的查询定义。

Keen.ready(function() {

  client.run("test-saved-query", function(err, response) {
    if (err) {
      // there was an error
    } else {
      var chart1 = new Keen.Dataviz()
        .el(document.getElementById('my_chart'))
        .chartType("areachart")
        .colors(["#6ab975"])
        .title("Monthly Active Users")
        .prepare();

      chart1
        .data(response)
        .render();
    }
  });

});