Querying and filtering an embed visualization

havidarou · November 7, 2017, 4:15pm

Hi @thomasneirynck, @ppisljar

I'm building upon the code provided in the Developing Visualizations webinar.

I've successfully enabled the timepicker and my visualizations get properly updated.

Now I want to query and filter it.

How would I go about it?

P.S.: I'm not in editorMode.

Regards!

thomasneirynck · November 7, 2017, 10:49pm

hi @havidarou,

do you want to send a filter to the filter-bar when you click on a part of your chart?

For that, you will have to use the filter event-handler.

For some sample code, you can dig around some of the existing visualizations in Kibana. For example, this is how we do it when clicking a tag on the tag-cloud:

github.com

thomasneirynck/kibana/blob/8cde5ef98e07eca275d3b8890deec43bba1f4d20/src/core_plugins/tagcloud/public/tag_cloud_controller.js#L14-L19


tagCloud.on('select', (event) => {
  if (!bucketAgg) return;
  const aggConfigResult = new AggConfigResult(bucketAgg, false, event, event);
  $scope.vis.API.events.filter({ point: { aggConfigResult: aggConfigResult } });
  $scope.$apply();
});

This produces a filter for that particular term.

ppisljar · November 8, 2017, 7:36am

i think he is talking about embedding visualizations in his app ?

currently the only way to do that is by loading the saved object on your own and adding filters/query to the searchSource and then calling embedVisualizationWithSavedObject.

there are plans to make this easier in the future.

ppisljar · November 8, 2017, 7:39am

@thomasneirynck there is a nicer way to apply filters on click (check the webinar code) which doesn't require creating AggConfigResults

havidarou · November 8, 2017, 5:16pm

@thomasneirynck @ppisljar Yes I mean an embedded visualization in the app plugin.

How can I do it with AggConfigResults?

Right now I can filter the visualizations using the timepicker and I've successfully used the kbn-top-nav with the query-bar directives in the plugin, and can filter using text queries.

I'm trying to use the filter-bar directive (I've had to import it, it isn't include using autoload/all) but no luck with it so far.

The plan is to use the filter-bar along the click thing with the visualizations.

Help! xD

Thanks!

system · December 6, 2017, 5:30pm

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