<p>Kibana 6.1 引入了一个全新的实验性可视化类型：控件。控件提供了向 Kibana 仪表板添加交互式输入的功能。控件可用于创建两种类型的输入：下拉菜单和范围滑块。
</p><p>在这篇文章中，我们将通过一个示例来说明如何使用这两种新输入。但让我们先看一段简短的视频（时长 2:23），了解我们将要执行的步骤。
</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>在开始使用控件可视化之前，我们需要使用数据集来设置 Elastic Stack。Nick Peihl 最近发表了一篇博文“<a href="https://www.elastic.co/cn/blog/visualizing-france-salary-data-with-region-maps-in-kibana">在 Kibana 中使用区域地图，从而将法国工资数据可视化</a>”。我想接着 Nick 的话茬，演示如何使用控件来提供交互式仪表板。关注 Nick 的博客，了解如何将 <a href="https://www.kaggle.com/etiennelq/french-employment-by-town">INSEE 的就业、工资和法国城镇人口</a>数据集导入 Elasticsearch。别忘了在 Kibana 中创建一个新的索引模式来匹配 <code>france-example-*</code>。
</p><h2>创建下拉菜单和范围滑块</h2><p>我们首先创建一个下拉菜单输入，允许按区域进行筛选。下拉菜单选项列表是使用字词聚合的结果动态填充的。
</p><p>首先切换到可视化应用程序，单击“<code>+</code>”按钮以创建新的可视化。向下滚动到“<code>Others</code>”部分并选择“<code>Controls</code>”。“<code>Options list</code>”已默认选中，因此只需单击“<code>Add</code>”。接下来，选择索引模式 <code>france-example-*</code>，选择字段 <code>Region_Name.keyword</code>，将大小设置为 25（数据集中有 25 个独一无二的区域）。最后，单击“<code>play</code>”。可视化将显示一个下拉菜单，其中包含 <code>france-example-*</code> 索引中字段 <code>Region_Name.keyword</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>接下来，我们创建一个范围滑块，允许按净工资进行筛选。范围滑块的最小值和最大值是用最小值和最大值聚合的结果动态填充的。
</p><p>选择“<code>Range slider</code>”并单击“<code>Add</code>”，即可添加范围滑块输入。选择索引模式 <code>france-example-*</code>，选择字段 <code>mean_net_salary</code>，然后单击“<code>play</code>”。可视化将显示一个范围滑块，它的范围由 <code>france-example-*</code> 索引中字段 <code>mean_net_salary</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>链接下拉菜单输入</h2><p>Kibana 6.3 中新增了链接下拉菜单输入的功能，这样第一个输入的选择将筛选第二个输入的字词。我们通过添加另一个下拉菜单控件来允许按城镇进行筛选，看看这个功能是怎样起作用的。
</p><p>选择“<code>Options list</code>”并单击“<code>Add</code>”，即可添加另一个下拉菜单控件。选择索引模式 <code>france-example-*</code>，选择字段 <code>Town_Name.keyword</code>，然后将大小设置为 100。要将控件链接到区域控件，请选择父控件“region”。最后，单击“<code>play</code>”。可视化将显示另一个下拉菜单。在区域下拉菜单有值之前，下拉菜单将被禁用。然后，城镇下拉菜单将包含索引 <code>france-example-*</code> 中字段 <code>Town_Name.keyword</code> 上按所选区域筛选的字词聚合结果。
</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>将所有内容整合到一起</h2><p>切换到仪表板应用程序，并创建一个新的仪表板。添加控件可视化，以及 <a href="https://www.elastic.co/cn/blog/visualizing-france-salary-data-with-region-maps-in-kibana">Nick 的博文</a>中创建的“按部门划分的平均性别工资比率 — 区域地图”可视化。将控件设置为感兴趣的值。单击“Apply changes”（应用更改），通过下拉菜单和范围滑块输入筛选数据集。
</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>后续操作</h2><p>控件可视化仍处于实验阶段。现在正是试用它的好时机，欢迎在我们的 <a href="https://discuss.elastic.co/c/kibana">Kibana 论坛</a>上提供反馈。您的反馈可以帮助改进未来的功能。
</p>

Kibana Intput Controls FullBleed.jpg

Kibana Input Controls thumbnail.jpg

Interactive Inputs on Kibana Dashboards

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>提交即表示您确认您已阅读并同意我们的<a href="/cn/legal/elastic-cloud-account-terms" target="_self">服务条款</a>，并且您同意通过您提供的上述联系方式接收<a href="/cn/legal/privacy-statement#how-we-use-the-information" target="_self">所选的通信</a>。如需了解更多信息，或想随时取消订阅，请参阅 <a href="/cn/legal/privacy-statement/" target="_self">Elastic 的隐私声明</a>。</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>提交即表示您确认您已阅读并同意我们的<a href="/cn/legal/serverless-preview-terms" target="_self">服务条款</a>，并且 Elastic 可以使用您提供的上述详细信息与您联系，以向您介绍我们相关的<a href="/cn/legal/privacy-statement#how-we-use-the-information" target="_self">产品和服务</a>。如需了解更多信息，或想随时取消订阅，请参阅 <a href="/cn/legal/privacy-statement/" target="_self">Elastic 的隐私声明</a>。</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>提交即表示您同意 <a href="/cn/agreements/global/cloud-services-monthly" rel="nofollow">Elastic Cloud 服务条款</a>。我们将会按照 <a href="/cn/legal/privacy-statement">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>提交即表示您确认您已阅读并同意我们的<a href="/cn/legal/terms-of-use" target="_self">服务条款</a>，并且 Elastic 可以使用您提供的上述详细信息与您联系，以向您介绍我们相关的<a href="/cn/legal/privacy-statement#how-we-use-the-information" target="_self">产品和服务</a>。如需了解更多信息，或想随时取消订阅，请参阅 <a href="/cn/legal/privacy-statement/" target="_self">Elastic 的隐私声明</a>。</p>

Explore similar demos

Overview

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.

本页内容尚不支持所选语言。Elastic 正在不断努力，以实现对多种语言内容的支持。感谢您在此期间给予的耐心与陪伴！

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

Load More

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

查看本次网络研讨会在我的时区的开始时间

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

无法实时参加？注册后我们会给您发送录像。您还将收到相关内容的电子邮件。

Author

Articles by Nathan Reese

Kibana Engineer, Elastic

Kibana 仪表板上的交互式输入