Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 18 additions & 17 deletions explore-analyze/dashboards/drilldowns.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,18 +45,20 @@ The panels you create using the following editors support dashboard drilldowns:
Use the [**Sample web logs**](../index.md#gs-get-data-into-kibana) data to create a dashboard and add panels, then set a search and filter on the **[Logs] Web Traffic** dashboard.

1. Add the **Sample web logs** data.
2. Create a new dashboard, click **Add from Library**, then add the following panels:
2. Create a new dashboard.

* **[Logs] Response Codes Over Time + Annotations**
* **[Logs] Visits**
* {applies_to}`stack: ga 9.2` Select **Add** > **From library** in the toolbar.
* {applies_to}`stack: ga 9.0` Click **Add from library** in the dashboard toolbar.

3. Set the [time filter](../query-filter/filtering.md) to **Last 30 days**.
4. Save the dashboard. In the **Title** field, enter `Detailed logs`.
5. Open the **[Logs] Web Traffic** dashboard, then set a search and filter.
3. Add the following panel:

Search: `extension.keyword: ("gz" or "css" or "deb")`<br> Filter: `geo.src: US`
* **[Logs] Visits**

4. Set the [time filter](../query-filter/filtering.md) to **Last 30 days**.
5. Save the dashboard. In the **Title** field, enter `Detailed logs`.
6. Open the **[Logs] Web Traffic** dashboard, then set a search and filter.

Search: `extension.keyword: ("gz" or "css" or "deb")`<br> Filter: `geo.src: US`

### Create the dashboard drilldown [_create_the_dashboard_drilldown]

Expand All @@ -77,8 +79,6 @@ Create a drilldown that opens the **Detailed logs** dashboard from the **[Logs]
:screenshot:
:::



## Create URL drilldowns [create-url-drilldowns]

URL drilldowns enable you to navigate from a dashboard to external websites. Destination URLs can be dynamic, depending on the dashboard context or user interaction with a panel. To create URL drilldowns, you add [variables](/explore-analyze/dashboards/drilldowns.md) to a URL template, which configures the behavior of the drilldown. All panels that you create with the visualization editors support dashboard drilldowns.
Expand All @@ -92,22 +92,23 @@ Some panels support multiple interactions, also known as triggers. The [variable

For example, **Single click** has `{{event.value}}` and **Range selection** has `{{event.from}}` and `{{event.to}}`.


### Create a URL drilldown [_create_a_url_drilldown]

For example, if you have a dashboard that shows data from a Github repository, you can create a URL drilldown that opens Github from the dashboard panel.

1. Add the [**Sample web logs**](../index.md#gs-get-data-into-kibana) data.
2. Open the **[Logs] Web Traffic** dashboard.
3. In the toolbar, click **Edit**.
4. Create a donut chart
4. Create a pie chart.

* {applies_to}`stack: ga 9.2` Select **Add** > **Visualization** in the toolbar.
* {applies_to}`stack: ga 9.0` Click **Create visualization** in the dashboard toolbar.

1. Click **Create visualization**.
2. From the **Chart type** dropdown, select **Donut**.
3. From the **Available fields** list, drag **machine.os.keyword** to the workspace.
4. Click **Save and return**.
2. From the **Chart type** dropdown, select **Pie**.
3. From the **Available fields** list, drag **machine.os.keyword** to the workspace.
4. Click **Save and return**.

5. Open the donut chart panel menu, then select **Create drilldown**.
5. Open the pie chart panel menu, then select **Create drilldown**.
6. Click **Go to URL**.

1. Give the drilldown a name. For example, `Show on Github`.
Expand All @@ -123,7 +124,7 @@ For example, if you have a dashboard that shows data from a Github repository, y
4. Click **Create drilldown**.

7. Save the dashboard.
8. On the donut chart panel, click any chart slice, then select **Show on Github**.
8. On the pie chart panel, click any chart slice, then select **Show on Github**.

![URL drilldown popup](/explore-analyze/images/kibana-dashboard_urlDrilldownPopup_8.3.png "")

Expand Down