本文介绍开发人员常用的四种Kibana Visualize图制作方法:ControlsMetricVertical BarTSVB

本文还是以上<<Kibana对索引动态加字段显示>>文中索引为例,制作了一个订单数据仪表盘。

{
    "_index":"es-syc-demo-order-2020.09",
    "_type":"_doc",
    "_id":"2020091822382704930",
    "_version":1,
    "_score":1,
    "_source":{
        "_class":"com.mingo.es.sync.document.OrderEntity",
        "id":"2020091822382704930",
        "tradeNo":"2020091822382704930",
        "buyerId":9527,
        "sellerId":18899,
        "type":1,
        "status":1,
        "amount":1,
        "discountAmount":0,
        "originAmount":1,
        "createTime":1600439907049,
        "lines":[
            {
                "tradeNo":"2020091822382704930",
                "lineNo":"1",
                "itemCode":"6352678819",
                "itemName":"泡椒凤爪",
                "unitCode":"DAI",
                "unitName":"袋",
                "type":1,
                "itemPrice":1,
                "price":1,
                "discountPrice":0,
                "itemQty":1,
                "totalPrice":1,
                "paidPrice":1,
                "createTime":1600439907049
            }
        ]
    }
}

先看结果,下面是四种类型的图作成的Dashboard

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

同一个仪表盘中可以实现检索条件共享。

1. Controls

下拉框,用于枚举选择。可以有多选操作、多个下拉框级联操作等。

创建

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

控件制作

交易类型

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

订单状态

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

勾选时数据刷新

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

制作完成后

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

2. Metric

主要用于数字显示。

创建

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

控件制作

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

制作完成后

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

3. Vertical Bar

柱状图或者曲线显示。

创建

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

控件制作

Y轴数据

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

X轴数据

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

Y轴坐标,两个数据分别左右轴显示

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

Legand显示

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

4. TSVB

可用于数据对比。比如今天和昨天的订单量对比。

创建

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

控件制作

索引选择

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

“昨天”曲线制作

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

“今天”曲线制作

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVBKibana图制作过程:Controls、Metric、Vertical Bar和TSVB

图中显示

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

制作完成后

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

5. 仪表盘制作

创建Dashboard,用于展示图表。

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

排版即可,勾选下拉框值时也就是加了过滤查询条件

Kibana图制作过程:Controls、Metric、Vertical Bar和TSVB

 

相关文章: