javascript - 如何为单个图形调用多个 Keen IO 集合？

Question

我可以为单个可视化图调用多个 Keen IO 集合吗？

假设我有一个名为 orders 的集合:

{
  "order_number": "dfdfd2323",
  "order_price": 21.00,
} 

我还有另一个名为 adjustments 的集合:

{
  "adjustment_id": "34ss3432",
  "adjustment_price": 2.00,
}

现在我想显示一个条形图，显示“每周的总订单价格”和“每周的总调整价格”。 x 轴为周数，y 轴为价格。不同颜色的订单和调整价格。

我可以像这样对 Keen IO 进行嵌套调用吗？

client.run(query1, function(){
.....
   client.run(query2, function(){
   }
}

Answer 1

keen-js支持将查询数组传递给 client.run()，如 this example 中所述.您的设置可能类似于:

var orders = new Keen.Query("sum", {
  eventCollection: "orders",
  targetProperty: "order_price",
  interval: "weekly",
  timeframe: "this_month"
});

var adjustments = new Keen.Query("sum", {
  eventCollection: "adjustments",
  targetProperty: "adjustment_price",
  interval: "weekly",
  timeframe: "this_month"
});

client.run([orderTotals,priceAdjustments],function(response) {
  var orderTotals = response[0].result;
  var adjustmentTotals = response[1].result;

  // code that draws the chart
}

诀窍是了解查询结果在数组中返回的顺序与通过 response 变量传递给 client.run() 的数组的顺序相同(或者 this.data 如果你愿意的话)。数组中第一个查询的结果作为 response[0] 返回，第二个 response[1]，依此类推。与 this.data 类似，您将使用 this.data[0] 和 this.data[1]。

示例中显示的图表是折线图，但可以很容易地配置为显示为 bar chart。通过 chartType 属性。