<p>O Kibana 6.1 lançou um novo tipo de visualização experimental, o Controls. O Controls oferece a capacidade de adicionar entradas interativas aos Dashboards do Kibana. Ele pode ser usado para criar dois tipos de entradas: menus suspensos e controles deslizantes de intervalo.
</p><p>Neste artigo, vamos detalhar como usar essas duas novas entradas. Mas primeiro assista a este breve vídeo (2:23) que aborda as etapas que vamos explicar.
</p><div class="video embed-container" style="height: 478px;">
	<img style="width: 100%; margin: auto; display: block;" class="vidyard-player-embed" src="https://play.vidyard.com/LS4ij6jVJvcwBDdvXpwQHv.jpg" data-uuid="LS4ij6jVJvcwBDdvXpwQHv" data-v="4" data-type="inline">

</div><p>Antes de experimentar a visualização do Controls, precisamos configurar nosso Elastic Stack com um conjunto de dados. Nick Peihl publicou recentemente o post do blog <a href="https://www.elastic.co/pt/blog/visualizing-france-salary-data-with-region-maps-in-kibana">Visualizing France Salary Data with Region Maps in Kibana</a> (Visualizando dados de salário na França com os mapas regionais do Kibana). Gostaria de continuar o trabalho do Nick e demonstrar como o Controls pode ser usado para fornecer um dashboard interativo. Siga o blog do Nick para obter instruções sobre como importar para o Elasticsearch o conjunto de dados <a href="https://www.kaggle.com/etiennelq/french-employment-by-town">do INSEE de emprego, salários e população por cidade na França</a>. Não se esqueça de criar um novo padrão de indexação no Kibana para corresponder a <code>france-example-*</code>.
</p><h2>Criação de menus suspensos e controles deslizantes de intervalo</h2><p>Vamos começar criando uma entrada suspensa para permitir a filtragem por região. As listas de opções suspensas são preenchidas dinamicamente com os resultados de uma agregação de termos.
</p><p>Comece alternando para a aplicação Visualization e clique no botão <code>+</code> para criar uma nova visualização. Role para baixo até a seção <code>Others</code> e selecione <code>Controls</code>. <code>Options list</code> é selecionado por padrão, portanto, basta clicar em <code>Add</code>. Em seguida, selecione o padrão de indexação <code>france-example-*</code>, selecione o campo <code>Region_Name.keyword</code> e defina o tamanho como 25 (há 25 regiões exclusivas no conjunto de dados). Por fim, clique em <code>play</code>. A visualização exibirá um único menu suspenso contendo os resultados de uma agregação de termos no campo <code>Region_Name.keyword</code> do índice <code>france-example-*</code>.
</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt38d4b5e89034bc45/5c3056a1b7017c456eff09d3/First_Shot.png" data-sys-asset-uid="blt38d4b5e89034bc45" alt="First Shot.png"><br>
</p><p>Em seguida, vamos criar um controle deslizante de intervalo para permitir a filtragem por salário líquido. Os valores mínimo e máximo do controle deslizante de intervalo são preenchidos dinamicamente com os resultados de uma agregação mínima e máxima.
</p><p>Adicione uma entrada do controle deslizante de intervalo selecionando <code>Range slider</code> e clicando em <code>Add</code>. Selecione o padrão de indexação <code>france-example-*</code>, selecione o campo <code>mean_net_salary</code> e clique em <code>play</code>. A visualização exibirá um controle deslizante de intervalo com o intervalo definido pelos resultados de uma agregação mínima e máxima no campo <code>mean_net_salary</code> do índice <code>france-example-*</code>.
</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt276bca9250125b31/5c30569d760e7f7a666d6921/withSlider.png" data-sys-asset-uid="blt276bca9250125b31" alt="withSlider.png">
</p><h2>Encadeamento de entradas suspensas</h2><p>Uma novidade no Kibana 6.3 é a capacidade de encadear entradas suspensas de modo que a seleção da primeira entrada filtre os termos da segunda entrada. Vamos ver como isso pode ser útil adicionando outro controle suspenso para permitir a filtragem por cidade.
</p><p>Adicione outro controle suspenso selecionando <code>Options list</code> e clicando em <code>Add</code>. Selecione o padrão de indexação <code>france-example-*</code>, selecione o campo <code>Town_Name.keyword</code> defina o tamanho como 100. Para encadear o controle ao controle de região, selecione o controle pai “region”. Por fim, clique em <code>play</code>. A visualização exibirá outro menu suspenso. O menu suspenso será desabilitado até que o menu suspenso da região tenha valores. Em seguida, o menu suspenso da cidade conterá os resultados de uma agregação de termos no campo <code>Town_Name.keyword</code> do índice <code>france-example-*</code> filtrado pelas regiões selecionadas.
</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt121acde9b5ebb40c/5c305699e7a0881470c3a4af/allthree.png" data-sys-asset-uid="blt121acde9b5ebb40c" alt="allthree.png">
</p><h2>Para juntar tudo</h2><p>Vá para a aplicação Dashboard e crie um novo dashboard. Adicione a visualização do Controls e a visualização “Average Gender Salary Ratio by Department - Region Map” criada na <a href="https://www.elastic.co/pt/blog/visualizing-france-salary-data-with-region-maps-in-kibana">postagem do blog de Nick</a>. Defina os controles com valores de interesse. Clique em “Apply changes” (Aplicar alterações) para filtrar o conjunto de dados pelas entradas de controle deslizante de intervalo e de menu suspenso.
</p><p><img src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt64c02637fb32b01a/5c305697760e7f7a666d691b/withmap.png" data-sys-asset-uid="blt64c02637fb32b01a" alt="withmap.png">
</p><h2>O que vem a seguir?</h2><p>A visualização do Controls ainda é experimental. Agora é um ótimo momento para experimentá-los e fornecer feedback em nosso <a href="https://discuss.elastic.co/c/kibana">fórum do Kibana</a>. Seu feedback pode ajudar a moldar os recursos futuros.
</p>

Kibana Intput Controls FullBleed.jpg

Kibana Input Controls thumbnail.jpg

Interactive Inputs on Kibana Dashboards

Entradas interativas nos Dashboards do Kibana

Start free trial

Blog Footer CTA

Sign up for Elastic Cloud free trial

Kibana Engineer

Nathan Reese

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/elastic-cloud-account-terms" target="_self">Terms of Service</a>, and you agree to receive the <a href="/legal/privacy-statement#how-we-use-the-information" target="_self">selected communications</a> at the contact details you provided above. See <a href="/legal/privacy-statement/" target="_self">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Communication Preferences - ONLY for /communication-preferences

<p>Ao enviar a confirmação, você reconhece que leu e concorda com nossos <a href="/pt/legal/elastic-cloud-account-terms" target="_self">Termos de Serviço</a> e também concorda em receber <a href="/pt/legal/privacy-statement#how-we-use-the-information" target="_self">comunicações especiais</a> por meio dos dados de contato que forneceu acima. Consulte a <a href="/pt/legal/privacy-statement/" target="_self">Declaração de Privacidade da Elastic</a> para saber mais detalhes ou para cancelar a qualquer momento.</p>

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/serverless-preview-terms" target="_blank">Terms of Service</a>, and that Elastic may <a href="/legal/privacy-statement#how-we-use-the-information" target="_blank">contact you</a> about our related products and services, using the details you provide above. See <a href="/legal/privacy-statement/" target="_blank">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Serverless GDPR Text

<p>Ao enviar a confirmação, você reconhece que leu e concorda com nossos <a href="/pt/legal/serverless-preview-terms" target="_self">Termos de Serviço</a> e que a Elastic pode <a href="/pt/legal/privacy-statement#how-we-use-the-information" target="_self">entrar em contato com você</a> para divulgar nossos produtos e serviços relacionados usando os dados que você forneceu acima. Consulte a <a href="/pt/legal/privacy-statement/" target="_self">Declaração de Privacidade da Elastic</a> para saber mais detalhes ou para cancelar a qualquer momento.</p>

<p>By submitting you agree to <a href="/agreements/global/cloud-services-monthly" rel="nofollow">Elastic Cloud Terms of Service</a>. Your personal data will be processed in accordance with <a href="/legal/privacy-statement">Elastic's Privacy Statement</a>.</p>

Cloud Trial GDPR Text

<p>Ao enviar, você concorda com os <a href="/pt/agreements/global/cloud-services-monthly" rel="nofollow">Termos de Serviço do Elastic Cloud</a>. Seus dados pessoais serão tratados de acordo com a <a href="/pt/legal/privacy-statement">Declaração de Privacidade da Elastic</a>.
</p>

<p>By submitting you acknowledge that you've read and agree to our <a href="/legal/terms-of-use" target="_blank">Terms of Service</a>, and that Elastic may <a href="/legal/privacy-statement#how-we-use-the-information" target="_blank">contact you</a> about our related products and services, using the details you provide above. See <a href="/legal/privacy-statement/" target="_blank">Elastic’s Privacy Statement</a> for more details or to opt-out at any time.</p>

Newsletter GDPR Text

<p>Ao enviar a confirmação, você reconhece que leu e concorda com nossos <a href="/pt/legal/terms-of-use" target="_self">Termos de Serviço</a> e que a Elastic pode <a href="/pt/legal/privacy-statement#how-we-use-the-information" target="_self">entrar em contato com você</a> para divulgar nossos produtos e serviços relacionados usando os dados que você forneceu acima. Consulte a <a href="/pt/legal/privacy-statement/" target="_self">Declaração de Privacidade da Elastic</a> para saber mais detalhes ou para cancelar a qualquer momento.</p>

Explore similar demos

Explore outras demonstrações semelhantes

Overview

Load More

Speakers

Close

See more insights

The content on this page is not available in the selected language. As Elastic grows globally, we continue to support content in multiple languages.

The content on this page is not available in the selected language.

O conteúdo desta página não está disponível no idioma selecionado. A Elastic está trabalhando para garantir que o conteúdo esteja disponível em vários idiomas.Agradecemos a compreensão.

Author

Articles by

Learn more

Watch now (no PT)

Watch now

See all top stories

All (no PT translation)

Contact information

Press Release

Share on Reddit

Share this story

Share by Email

Thank you for your interest!

Contact Info

Follow us on Youtube

Share on LinkedIn

Follow us on LinkedIn

Search Integrations

All Solutions

Video for

Follow us on Twitter

See when this webinar starts in my time zone

Consultar a hora de início do webinar no meu fuso horário

Register to Watch

Register now

See All Posts

Can't make it? Register and we'll send you the recording. You'll also receive an email with related content

Não vai conseguir participar? Inscreva-se e nós lhe enviaremos a gravação. Você também receberá um email com conteúdo relacionado.

Author

Articles by Nathan Reese

Kibana Engineer, Elastic

Entradas interativas nos Dashboards do Kibana