You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: data-explorer/dashboard-customize-visuals.md
+38-8Lines changed: 38 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,16 @@
1
1
---
2
-
title: Customize Azure Data Explorer dashboard visuals
2
+
title: Customize Azure Data Explorer Dashboard Visuals
3
3
description: Easily customize your Azure Data Explorer dashboard visuals
4
4
ms.reviewer: gabil
5
5
ms.topic: how-to
6
-
ms.date: 08/26/2025
6
+
ms.date: 02/22/2026
7
7
---
8
8
9
9
# Customize Azure Data Explorer dashboard visuals
10
10
11
11
Azure Data Explorer dashboards are a collection of tiles that feature a visual representation supported by an underlying Kusto Query Language (KQL) query. This article explains how to edit the visualizations and queries of a dashboard tile and provides an overview of customization properties specific to each visualization type.
12
12
13
-
All visualizations that are created in the context of the [render operator](/kusto/query/render-operator?view=azure-data-explorer&preserve-view=true#visualization) are available in dashboard visualizations, along with some [dashboard-specific visuals](dashboard-visuals.md).
13
+
All visualizations that you create in the context of the [render operator](/kusto/query/render-operator?view=azure-data-explorer&preserve-view=true#visualization) are available in dashboard visualizations. Along with these visualizations, you can use some [dashboard-specific visuals](dashboard-visuals.md).
14
14
15
15
## Prerequisites
16
16
@@ -22,25 +22,55 @@ Review Visualize data with Azure Data Explorer dashboards.
22
22
23
23
## Customize visuals
24
24
25
-
To make changes in your dashboard:
25
+
To make changes to your dashboard:
26
26
27
27
1. In the top menu, select **Viewing** and toggle to **Editing** mode.
28
28
29
29
:::image type="content" source="media/dashboard-parameters/edit-dashboard.png" alt-text="Screenshot of entering editing mode in dashboards in Azure Data Explorer web UI.":::
30
30
31
-
1. On the tile that you'd like to customize, select the **Edit** icon. Edit the underlying query or the visualization properties.
31
+
1. On the tile that you want to customize, select the **Edit** icon. Edit the underlying query or the visualization properties.
32
32
33
33
:::image type="content" source="media/dashboard-customize-visuals/edit-tile-button.png" alt-text="Screenshot of how to edit a tile in dashboards in Azure Data Explorer web UI.":::
34
34
35
-
1.To save your changes and return to the dashboard, select **Apply changes**.
35
+
1.Select **Apply changes** to save your changes and return to the dashboard.
36
36
37
37
:::image type="content" source="media/dashboard-customize-visuals/save-changes.png" alt-text="Screenshot of how to save the changes to your dashboard tile in Azure Data Explorer web UI.":::
Data series colors give you direct control over how colors are applied to your visuals. Instead of relying on automatic color assignments, assign specific colors to each data series to convey meaning and maintain consistency across your dashboards.
44
+
45
+
By using data series colors, you can:
46
+
47
+
* Assign colors directly to each data series.
48
+
49
+
* Override system defaults with intentional choices.
50
+
51
+
* Maintain color consistency across visuals and dashboards.
52
+
53
+
This feature is supported for the following visual types: Anomaly chart, Area chart, Bar chart, Column chart, Line chart, Pie chart, Scatter chart, and Time chart.
54
+
55
+
To configure data series colors:
56
+
57
+
1. In the top menu, select **Viewing** and toggle to **Editing** mode.
58
+
59
+
1. On the tile you want to customize, select the **Edit** icon.
60
+
61
+
1. In the **Visual** tab of the formatting pane, expand the **Data series colors** section.
62
+
63
+
1. Select a color for each data series in your visual.
64
+
65
+
1. Select **Apply changes** to save your settings.
66
+
67
+
:::image type="content" source="media/dashboard-customize-visuals/data-color-series.png" alt-text="Screenshot of dashboard showing data series colors configuration in the visuals side pane." lightbox="media/dashboard-customize-visuals/data-color-series.png":::
68
+
69
+
When you assign colors intentionally, viewers can interpret visuals at a glance without needing to read legends or labels. Consider using colors that align with your organization's standards or that naturally convey the meaning of each series, such as red for critical states or green for healthy metrics.
70
+
41
71
## Embed images
42
72
43
-
You can embed images in your dashboard tiles using Markdown text.
73
+
You can embed images in your dashboard tiles by using Markdown text.
44
74
45
75
For more information on GitHub Flavored Markdown, see [GitHub Flavored Markdown Spec](https://github.github.com/gfm/).
46
76
@@ -49,7 +79,7 @@ For more information on GitHub Flavored Markdown, see [GitHub Flavored Markdown
49
79
50
80
:::image type="content" source="media/dashboard-customize-visuals/add-tile.png" alt-text="Screenshot of dashboard ribbon showing the dropdown menu of the Add button.":::
51
81
52
-
1. In the query pane, paste the URL of an image located in an image hosting service using the following syntax:
82
+
1. In the query pane, paste the URL of an image located in an image hosting service by using the following syntax:
Copy file name to clipboardExpand all lines: data-explorer/includes/customize-visuals.md
+2-1Lines changed: 2 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
ms.topic: include
3
-
ms.date: 12/14/2022
3
+
ms.date: 01/18/2026
4
4
---
5
5
6
6
## Set customization properties
@@ -20,6 +20,7 @@ The following table describes the available customization properties, categorize
20
20
||**Value**| The numeric column that serves as the primary variable for the heatmap. | Heatmap |
21
21
||**Numeric column**| The column that provides the numeric value for the data category. | Pie chart |
22
22
||**Define location by**| Determines the method used to define the location: **Infer**, **Latitude and longitude**, or **Geo point**. | Map |
23
+
|**Data series colors**|**Color palette**| Customizes the colors presented in the visualization. | Anomaly chart, Area chart, Bar chart, Column chart, Line chart, Pie chart, Scatter chart, Time chart |
23
24
|**Display options**|**Order by**| How to order the results in the chart: **Name**, **Size**, or **None**. | Pie chart |
24
25
||**Top N**| Option to only show sections for the top *n* values in the chart. | Pie chart |
25
26
|**General**|**Display orientation**| Determines the orientation of the display: Horizontal or Vertical. | Multi Stat |
0 commit comments