Configuring the control panel with vega visualization


(nyssa) #1

Hello!

I am currently working on a dashboard that contains kibana visualizations AND vega visualizations.

I would like to configure this dashboard to use the "controls" panel feature https://www.elastic.co/guide/en/kibana/master/add-input-controls.html.

However, these input controls don't seem to work with vega visualizations, is there an alternative work around to this?

Any help/thoughts would be appreciated!


(kulkarni) #2

can u plz help @nyuriks

Thanks
Rashmi


(Yuri Astrakhan) #3

@nyssa Vega has its own controls, plus you can customize their positions in Kibana.

That said, you might be able to use the built-in Kibana controls that you mentioned using Vega stream. Try to use them via a CSS class or an ID (I haven't tried that, but might be an interesting project). If there is no way to do that, this would be a good feature to add (please create a ticket in the Kibana github repo). Thx!


(nyssa) #4

@nyuriks thanks for getting back to me and for all the info.

Are there any example of the vega stream controls?
If vega controls are implemented, is that specific to only one vega graph? Or can that control panel be applied to the whole dashboard? In other words, is vega stream the only way to have one control panel for the entire dashboard?

I'll be sure to read into these more, thank you


(Yuri Astrakhan) #5

@nyssa Vega signals are per graph, not per dashboard. In theory, it might be possible to link to them using stream events, but in that case you might as well use the proper Kibana controls instead of the less polished Vega ones.

One of the relatively simple example of event processing is this demo


(nyssa) #6

@nyuriks Thanks again for all your insight, I really appreciate it!

I guess to be more detailed about my issue, here are two of the visualizations on my dashboard and I am trying to use the "filter" portion of the controls panel. So when I select a filter on the controls panel (filter by region), it only filters data on the kibana viz not the vega one. A stream can't help with that problem, can it?


(Yuri Astrakhan) #7

I'm not exactly sure what you mean by filter here. When you select a filter, do you get a new filter in the filter bar at the top? If so, your ES query inside Vega can use it ("%context%": true parameter) - and re-query ES for the new, filtered data. If you only want to do "local filtering" - in other words you get all the data to the browser, and want the browser to filter things without re-requesting data from the server, than Vega could in theory try to connect to an HTML control on the page (if available), and react to that.


(nyssa) #8

@nyuriks sorry about the confusion.

By filter i mean the new "controls" panel feature on Kibana. https://www.elastic.co/guide/en/kibana/current/add-input-controls.html

and this is what my control panel filter looks like right now, its a dropdown menu with a region list.

When a user clicks on a "c" / "w" / "s" on my dashboard it only filters the kibana viz (left viz of my pic attached in my last reply) not the vega visualization (right viz)

Will context true enable that filtering?