时间戳

首页 > 解决方案 > 在 Vega/Kibana 中只显示一个数字

kibana - 在 Vega/Kibana 中只显示一个数字

问题描述

我正在尝试创建一个只显示一个数字的查询/显示。我不得不在 vega 中执行此操作，因为查询涉及许多查询，然后转换涉及 timedeltas 以将数据合并在一起。

在我的浏览器开发人员工具中，我可以看到数据正在通过。

数据集

我在这里所追求的days是我在 vega 中的标记部分：

 "marks": [
    {
      "type": "text",
      "from": { "data": "results" },
      "properties": {
        "enter": {
          "text": "days",
          "x": {"value": 10},
          "y": {"value": 10},
          "fill": {"value": "red"},
          "fillOpacity": {"value": 1},
          "fontSize": {"value": 100}
        },
          "update": {
          "text": "days",
          "x": {"value": 10},
          "y": {"value": 10},
          "fill": {"value": "red"},
          "fillOpacity": {"value": 1},
          "fontSize": {"value": 100}
        }
      }
    }
  ]

我也尝试过改变 x、 { "field": "days" }y"days"和填充等的好几次尝试。

我在浏览器中没有错误，可视化只是空白。

有谁知道我在这里做错了什么？

标签： kibanavega

解决方案

有点晚了，但我现在正面临同样的情况。

我已经设法使用 Vega-Lite 建立了一个最小的工作示例；不确定它是否完全符合预期，但至少它正在工作。你可以在这里查看。

代码如下：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {
    "values": [
      {"a": 28}
    ]
  },
  "encoding": {
    "text": {
      "field": "a",
      "type": "quantitative"
    }
  },
  "mark": {
    "type": "text",
    "fill": "red",
    "fontSize": 100,
    "fillOpacity": 1,
    "x": 10,
    "y": 10
  },
  "config": {
    "view": {
      "stroke": "transparent"
    }
  }
}

关于代码的几点说明：

  1. 我正在使用您的示例的、fill、fontSize和fillOpacity选项；它们可能不同，甚至不存在。xy
  2. 当只显示文本时，可视化的“容器”可以被视为默认情况下以浅灰色围绕文本的小框。该"stroke": "transparent" config选项是摆脱此框的原因。

我对 Vega 很陌生（几分钟前才开始），所以对于任何可能的概念错误，我提前道歉。

编辑

到目前为止，在 Kibana 中看起来还不错:)

木花

推荐阅读