使用 Vega-lite 在 Kibana 中分組條形圖

Question

通過查看https://vega.github.io/editor/#/examples/vega-lite/bar_grouped，它顯示了從數據表創建分組條形圖的示例。

就我而言，因為我從 elasticsearch 獲取數據，所以它不是表格形式。

我想不出一種方法來為存儲桶上的每個總和指標創建兩個條形圖。

"buckets" : [
        {
          "key_as_string" : "03/Dec/2019:00:00:00 +0900",
          "key" : 1575298800000,
          "doc_count" : 11187,
          "deploy_agg" : {
            "buckets" : {
              "deploy_count" : {
                "doc_count" : 43
              }
            }
          },
          "start_agg" : {
            "buckets" : {
              "start_count" : {
                "doc_count" : 171
              }
            }
          },
          "sum_start_agg" : {
            "value" : 171.0
          },
          "sum_deploy_agg" : {
            "value" : 43.0
          }
        },..

我想創建兩個條形，一個表示 sum_start_agg 的值，另一個表示 sum_deploy_agg 值。

這就是我對一張條形圖所做的。

  "encoding": {
    "x": {
      "field": "key",
      "type": "temporal",
      "axis": {"title": "DATE"}
    },
    "y": {
      "field": "deploy_agg.buckets.deploy_count.doc_count",
      "type": "quantitative",
      "axis": {"title": "deploy_count"}
    }
    "color": {"value": "green"}
    "tooltip": [
        {
        "field": "deploy_agg.buckets.deploy_count.doc_count",
        "type": "quantitative",
        "title":"value"
        }
      ]
  }

Answer 1

您可以使用折疊轉換來折疊您的兩列，以便在編碼中引用它們。 它可能看起來像這樣：

{
  "data": {
    "values": [
      {
        "key_as_string": "03/Dec/2019:00:00:00 +0900",
        "key": 1575298800000,
        "doc_count": 11187,
        "deploy_agg": {"buckets": {"deploy_count": {"doc_count": 43}}},
        "start_agg": {"buckets": {"start_count": {"doc_count": 171}}},
        "sum_start_agg": {"value": 171},
        "sum_deploy_agg": {"value": 43}
      }
    ]
  },
  "transform": [
    {
      "fold": ["sum_start_agg.value", "sum_deploy_agg.value"],
      "as": ["entry", "value"]
    }
  ],
  "mark": "bar",
  "encoding": {
    "x": {"field": "entry", "type": "nominal", "axis": null},
    "y": {"field": "value", "type": "quantitative"},
    "column": {"field": "key", "type": "temporal"},
    "color": {"field": "entry", "type": "nominal"}
  }
}