# Resizing of visualization whenever size of visualization is changed in dashboard

**URL:** https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594
**Category:** Kibana
**Tags:** vega
**Created:** [February 8, 2021, 12:23pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594 "2021-02-08T12:23:10Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Pranusha119](https://avatars.discourse-cdn.com/v4/letter/p/47e85d/32.png) [@Pranusha119](https://discuss.elastic.co/u/Pranusha119)
#### Post date: [February 8, 2021, 12:23pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/1 "2021-02-08T12:23:10Z")

</div>

```auto
{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {"url": "https://vega.github.io/vega-lite/data/barley.json"},
    "width": 300,
"height":300,
  "mark": "bar",
  "encoding": {
   "column": {"field": "year"},
 
    "x": {"field": "yield", "type": "quantitative", "aggregate": "sum"},
    "y": {"field": "variety", "type": "nominal"},
    "color": {"field": "site", "type": "nominal"}
  }
}

```

Output :

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/b/fba33248ca1fdf42d34cf04f503e99c089260ecd.png)

Other visualizations without column are getting resized as per dimensions of visualization in dashboard (the whole visualization gets occupied). But whenever column is included its not getting resized in dashboard. Is there any way to solve this ?

---

<div class="post-metadata">

### Author: ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)
#### Post date: [February 9, 2021, 3:51pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/2 "2021-02-09T15:51:09Z")

</div>

Short answer: you can't do this while using `column` encodings, you can only do this if you have a _single view_ in Vega. [This is documented by the Vega folks](https://vega.github.io/vega-lite/docs/size.html#width-and-height-of-multi-view-displays).

However, if you are using a single Vega view, not multiple, then the default behavior of Kibana is to autosize. This is documented in the [Kibana Vega reference](https://www.elastic.co/guide/en/kibana/master/vega.html#vega-reference).

---

<div class="post-metadata">

### Author: ![Pranusha119](https://avatars.discourse-cdn.com/v4/letter/p/47e85d/32.png) [@Pranusha119](https://discuss.elastic.co/u/Pranusha119)
#### Post date: [March 1, 2021, 8:22am UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/3 "2021-03-01T08:22:27Z")

</div>

Hi @wylie

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/b/fba33248ca1fdf42d34cf04f503e99c089260ecd.png)

Is there any way that these bar graphs can be center aligned in the visualization ?

---

<div class="post-metadata">

### Author: ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)
#### Post date: [March 1, 2021, 4:07pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/4 "2021-03-01T16:07:35Z")

</div>

I think you can set the `center: true` property in column, but I haven't tested this. It's part of the general encodings for facets in Vega-Lite:

> **[Faceting a Plot into a Trellis Plot](https://vega.github.io/vega-lite/docs/facet.html#facet-row-and-column-encoding-channels)**
>
> Vega-Lite - a high-level grammar for statistical graphics. Vega-Lite provides a higher-level grammar for visual analysis, comparable to ggplot or Tableau, that generates complete Vega specifications. Vega-Lite specifications consist of simple...

---

<div class="post-metadata">

### Author: ![Pranusha119](https://avatars.discourse-cdn.com/v4/letter/p/47e85d/32.png) [@Pranusha119](https://discuss.elastic.co/u/Pranusha119)
#### Post date: [March 1, 2021, 5:36pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/5 "2021-03-01T17:36:13Z")

</div>

yes, tried that it wasn't working.

---

<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: [March 29, 2021, 5:36pm UTC](https://discuss.elastic.co/t/resizing-of-visualization-whenever-size-of-visualization-is-changed-in-dashboard/263594/6 "2021-03-29T17:36:31Z")

</div>

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