# Vega-Lite Scroll bar

**URL:** https://discuss.elastic.co/t/vega-lite-scroll-bar/173109
**Category:** Kibana
**Created:** [March 20, 2019, 9:40am UTC](https://discuss.elastic.co/t/vega-lite-scroll-bar/173109 "2019-03-20T09:40:14Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![suhasgupta1](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@suhasgupta1](https://discuss.elastic.co/u/suhasgupta1)
#### Post date: [March 20, 2019, 9:40am UTC](https://discuss.elastic.co/t/vega-lite-scroll-bar/173109/1 "2019-03-20T09:40:15Z")

</div>

Hi All,

I am beginner in kibana visualizatoin. I am trying to create a facit chart with stacked bar graphs. But I am unable to get scroll bars in the final graph. Kindly help me get scroll bars in vega-lite visualization.

Here is the code snippet:

{  
"$schema": "[https://vega.github.io/schema/vega-lite/v2.3.1.json](https://vega.github.io/schema/vega-lite/v2.3.1.json)",  
"autosize":  
{  
"type": "pad",  
"resize": false  
},  
"data":  
{  
"url": {  
"%context%": true,  
"index": "vizcheck"  
"body":  
{  
"aggs" : {  
"eqpt\_buckets": {  
"composite" : {  
"size": 5000,  
"sources" :  
[  
{  
"EPID":  
{"terms" :  
{  
"field": "EPID"  
}  
}  
},  
{  
"DATE":  
{"terms" :  
{"field": "DATE"  
}  
}  
},  
{  
"CC\_E":  
{"terms" :  
{"field": "CC\_E"  
}  
}  
},  
{  
"ITEMS":  
{  
"terms":  
{"field": "ITEMS"  
}  
}  
}  
]  
}  
}  
}  
}  
}  
"format": {property: "aggregations.eqpt\_buckets.buckets"}   
},  
"transform":  
[  
{"calculate": "datum.key.EPID",  
"as": "EPID"  
},  
{"calculate": "datum.key.DATE",  
"as": "DATE"},  
{"calculate": "datum.key.CC\_E",  
"as": "CC\_E"  
},  
{"calculate": "datum.key.ITEMS",  
"as": "ITEMS"  
}  
],  
"mark": "bar",  
"config":  
{  
"size":  
{  
"height": 200,  
"width": 200  
},  
}  
"encoding":  
{  
"x":  
{  
"field": "DATE",  
"type": "temporal",

```
    },
  "y": 
    {
        "field":"ITEMS", 
        "aggregate": "sum",
        "type": "quantitative"
    }
    ,
  "color": 
    {
      "field": "CC_E", 
      "type": "nominal"
    },
  "row":
    {
      "field": "EPID",
      "type": "nominal"
    }
}

```

}

Data looks like  
EPID, ITEMS, Date, CC\_E  
A1, 50, 3/20/2019, 5  
A2, 60, 3/20/2019, 4

Thanks & Regards  
Suhas Gupta

---

<div class="post-metadata">

### Author: ![lukas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukas/32/6812_2.png) [@lukas](https://discuss.elastic.co/u/lukas)
#### Post date: [March 20, 2019, 2:32pm UTC](https://discuss.elastic.co/t/vega-lite-scroll-bar/173109/2 "2019-03-20T14:32:20Z")

</div>

Hi Suhas,

This is currently something that doesn't work in Kibana, but you can follow progress on it here: [https://github.com/elastic/kibana/issues/22240](https://github.com/elastic/kibana/issues/22240)

---

<div class="post-metadata">

### Author: ![suhasgupta1](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@suhasgupta1](https://discuss.elastic.co/u/suhasgupta1)
#### Post date: [March 25, 2019, 11:46am UTC](https://discuss.elastic.co/t/vega-lite-scroll-bar/173109/3 "2019-03-25T11:46:12Z")

</div>

Hi Lukas,

I got one solution but don't know how can I deploy this solution. The solution is changing the HTML setting **Overflow** value changed from **Hidden** to **Auto**

Here is the code snippet for the same.

overflow: -\> auto  
"\<div class="vega-view-container"\>\<canvas width="1626" height="308" class="marks"\>\</div\>"

Now the problem is when I make a change in the html code, the change is applied only in my computer others can't see. I mean users still see it without scroll bar.

Thanks and Regards  
Suhas Gupta

---

<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: [April 22, 2019, 11:46am UTC](https://discuss.elastic.co/t/vega-lite-scroll-bar/173109/4 "2019-04-22T11:46:13Z")

</div>

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