# Vega visualizations not getting updated

**URL:** <https://discuss.elastic.co/t/vega-visualizations-not-getting-updated/248831>\
**Category:** Kibana\
**Created:** [September 16, 2020, 12:41pm UTC](https://discuss.elastic.co/t/vega-visualizations-not-getting-updated/248831 "2020-09-16T12:41:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sama.sowjanya](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sama.sowjanya](https://discuss.elastic.co/u/sama.sowjanya)\
**Post date:** [September 16, 2020, 12:41pm UTC](https://discuss.elastic.co/t/vega-visualizations-not-getting-updated/248831/1 "2020-09-16T12:41:51Z")

</div>

Hi  
In kibana dashboard, when we click on panel value in visualization it gets added to the filter and whole dashboard gets updated accordingly. But clicking on Vega visualization the value or condition is not getting added to the filter.

Any suggestions... It is the must condition in a dashboard.  
sharing the screenshot...a) filter added from kibana viasualization, b) but not getting populated from vega visualization.  
a)

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

b)

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/a/1/a11f50baf7e9a6e80861b1696170604c8a726fbb.png)

Below is my vega visualization script...

```
{
  $schema: https://vega.github.io/schema/vega-lite/v2.json
  title: {text: "Status Analysis", color:"#F70689" }
  data: {
    url: {
      %context%: true
      %timefield%: @timestamp
      index: dev-customer1-inc*
      body: {
     
        size: 10000,
        _source: ["@timestamp","result.number","result.state"]
      }

Any Help....
    }
    format: {property: "hits.hits"}
  }
  
  transform: [
    {calculate: "datum._source.result.state", as: "state"},
    {calculate: "datum._source.number", as: "number"},
     {calculate: "toDate(datum._source['@timestamp'])", as: "time"},
     {aggregate: [{op:"count",field:"number",as:"number" }]
     groupby:["state"]
     }
  ],
  
  mark: bar
  encoding: {
    x: {
      field: "state"
      type: "Nominal"
      axis: {title: "state"}
    }
    y: {
      field: "number"
      type: quantitative
      axis: {title: "No. of requests"}
    }
    color:{field: "number", scale:{range:["#A3F12C" ,"#CEEE9C", "#12BFEE", "#278902"]}}
     "tooltip": {"field": "number", "type": "quantitative"}
  }
   config: { axis:{ labelColor:"white", titleColor:"DB4E9B", labelAngle:360 }}
 
}
```

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [September 16, 2020, 1:16pm UTC](https://discuss.elastic.co/t/vega-visualizations-not-getting-updated/248831/2 "2020-09-16T13:16:14Z")

</div>

In Vega visualizations the filter is not automatically updated because Kibana doesn't know what a bar in your vega chart means. You can integrate vega visualizations with Kibana filters - check out this tutorial: [https://www.elastic.co/guide/en/kibana/current/vega-tutorial.html](https://www.elastic.co/guide/en/kibana/current/vega-tutorial.html)

For your use case you need the `kibanaAddFilter` custom function (see here: [https://www.elastic.co/guide/en/kibana/current/vega-reference.html#vega-expression-functions](https://www.elastic.co/guide/en/kibana/current/vega-reference.html#vega-expression-functions))

---

<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:** [October 14, 2020, 1:16pm UTC](https://discuss.elastic.co/t/vega-visualizations-not-getting-updated/248831/3 "2020-10-14T13:16:16Z")

</div>

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