Gantt chart on Kibana using version 7.11

Elastic Stack Kibana
2

Hi @bab,

to build a Gantt chart in Vega you need to fetch the start and end dates, and the ids to map on the vertical axis.

You can start with something like this:

{
  $schema: https://vega.github.io/schema/vega-lite/v4.json
  title: Flight durations
  data: {
    url: {
      %context%: true
      %timefield%: timestamp
      index: your_index_here // <- your index name goes here
      body: { }
    }
    format: {
      property: hits.hits
    }
}
mark: bar
// At this point the search values are exposed from the _source object
  encoding: {
    y: {
      field: _source.id
      type: ordinal
    }
    x: {
      field: _source.start
      type: temporal
    }
    x2: {
      field: _source.end
      type: temporal
    }
  }
}

Assumptions: your document contains these 3 fields: "id" (string), "start" (date), "end" (date).
You can use the Inspector to see how the data arrived from Elasticsearch to your Vega renderer.
To use the Inspector to debug the Vega visualization follow: Inspect => Click "view: Request" => "Vega debug" => Click "root" => "source_0" to see the data retrieved.

In case you are looking for something different, write it here with some more context.

Also, for more about Gantt chart in Vega see also this other answer: Gantt Visualization Using Vega - #7 by nyuriks