# Vega Tooltip Question

**URL:** https://discuss.elastic.co/t/vega-tooltip-question/131827
**Category:** Kibana
**Created:** [May 15, 2018, 12:06am UTC](https://discuss.elastic.co/t/vega-tooltip-question/131827 "2018-05-15T00:06:02Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Alumino](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alumino/32/30101_2.png) [@Alumino](https://discuss.elastic.co/u/Alumino)
#### Post date: [May 15, 2018, 12:06am UTC](https://discuss.elastic.co/t/vega-tooltip-question/131827/1 "2018-05-15T00:06:02Z")

</div>

Hi

I am working on some visualizations using Vega-lite syntax. At the moment everything is working with graphic elements, like bars, lines, etc. The only problem is that tooltips are not working.  
Here is an example visualization that does not show the specified tooltip:

```
{
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "title": "Event counts from all indexes",
  "data": {
    "url": {
      "index": "ivr-mx-2018",
      "body": {
        "query": {
          "bool": {
            "must": [
              {
                "query_string": {
                  "query": "platform:gvp AND NOT hostname:srvivr*"
                }
              },
              {
                "range": {
                  "@timestamp": {
                    "gte": {"%timefilter%": "min"},
                    "lt": {"%timefilter%": "max"}
                  }
                }
              }
            ]
          }
        },
        "size": 0,
        "aggs": {
          "servers": {
            "terms": {
              "field": "hostname.keyword",
              "size": 20,
              "order": {"_key": "asc"}
            },
            "aggs": {
              "ns_web": {"sum": {"field": "ns_web"}},
              "ns_cw": {"sum": {"field": "ns_cw"}},
              "ex": {"sum": {"field": "ex"}}
            }
          }
        }
      }
    },
    "format": {"property": "aggregations.servers.buckets"}
  },
  "mark": "bar",
  "encoding": {
    "tooltip": {"field": "key", "type": "ordinal"},
    "x": {"field": "key", "type": "ordinal"},
    "y": {"field": "ns_web.value", "type": "quantitative"}
  }
}

```

Are they supported in kibana? By looking at some other posts, I suppose they are.  
Do tooltips need to be enabled somewhere else to be shown?

Thanks for your help.  
-Al

---

<div class="post-metadata">

### Author: ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)
#### Post date: [May 15, 2018, 5:12am UTC](https://discuss.elastic.co/t/vega-tooltip-question/131827/2 "2018-05-15T05:12:48Z")

</div>

hmm, am not too sure about Vega-lite tool tip. Pinging @nyuriks for more info here.

Cheers  
Rashmi

---

<div class="post-metadata">

### Author: ![Alumino](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alumino/32/30101_2.png) [@Alumino](https://discuss.elastic.co/u/Alumino)
#### Post date: [May 15, 2018, 11:41pm UTC](https://discuss.elastic.co/t/vega-tooltip-question/131827/3 "2018-05-15T23:41:07Z")

</div>

I did some tests, and found that it is not well supported on firefox (as of v 57.0.3).  
Tests on Chrome did work, although they show the native browser tooltip (from "title" attribute)

I found that @nyuriks addressed the issue on the github page of elastic, and included a commit to make it work with the html tooltips.

[https://github.com/elastic/kibana/issues/17215](https://github.com/elastic/kibana/issues/17215)

I am wondering if that commit works with firefox.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [June 12, 2018, 11:41pm UTC](https://discuss.elastic.co/t/vega-tooltip-question/131827/4 "2018-06-12T23:41:07Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
