解决kibana 7.x Visiable Vega多次聚合显示问题

偏执的太偏执、 2023-07-13 03:27 58阅读 0赞

# Vega可以使用以下链接进行调试: #

https://vega.github.io/editor/\#/edited

# 数据 #

{ 
      "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
      "data": { 
        "values": [
          { "buckets":[
            { "key": "2012-11-01","test":1, "foo": [{ "keys1":"TCP","value":2}, { "keys1":"UDP","value":3}]},
            { "key": "2012-12-01","test":2, "foo": [{ "keys1":"TCP","value":4}, { "keys1":"UDP","value":5}]}
          ]}
        ]
      },
      "transform": [{ "flatten": ["buckets"]},{ "flatten": ["buckets.foo"]}],
    
      "mark": "circle",
      "encoding": { 
        "x": { "field": "[buckets.foo].keys1", "type": "nominal"},
        "y": { "field": "buckets.test", "type": "nominal"},
        "color": { "field": "buckets.test", "type": "nominal"}
      }
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE_size_16_color_FFFFFF_t_70]  
注意需要使用\[buckets.foo\]

# Vega数据的调试方式 #

对不确定的数据进行测试时，可以查看DATA VEWER进行调试  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200309224337161.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200309224839942.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTEyOTE=,size_16,color_FFFFFF,t_70