【问题标题】:Display just one number in Vega/Kibana在 Vega/Kibana 中只显示一个数字
【发布时间】:2020-07-01 10:27:32
【问题描述】:

我正在尝试创建一个只显示一个数字的查询/显示。我不得不在 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}
        }
      }
    }
  ]

我也尝试过 { "field": "days" } 而不是 "days" 以及更改 x、y 和填充等的好几次尝试。

我在浏览器中没有收到任何错误,并且可视化只是空白。

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

【问题讨论】:

    标签: kibana vega


    【解决方案1】:

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

    我已经设法使用 Vega-Lite 建立了一个最小的工作示例;不确定它是否完全符合预期,但至少它正在工作。你可以check it out here

    代码如下:

    {
      "$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. 我正在使用您的示例的fillfontSizefillOpacityxy 选项;它们可能不同,甚至不存在。
    2. 仅显示文本时,可视化的“容器”默认情况下可以看作是一个围绕文本的小框,浅灰色。 "stroke": "transparent" config 选项是摆脱这个框的原因。

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


    编辑

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

    【讨论】:

      猜你喜欢
      • 2021-03-23
      • 2019-06-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-15
      • 2023-01-13
      • 1970-01-01
      相关资源
      最近更新 更多