Skip to content

Commit d8d3bab

Browse files
Merge pull request #2855 from MicrosoftDocs/main639073981370764819sync_temp
For protected branch, push strategy should use PR and merge to target branch method to work around git push error
2 parents 101d1ce + b943aef commit d8d3bab

3 files changed

Lines changed: 40 additions & 9 deletions

File tree

data-explorer/dashboard-customize-visuals.md

Lines changed: 38 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
2-
title: Customize Azure Data Explorer dashboard visuals
2+
title: Customize Azure Data Explorer Dashboard Visuals
33
description: Easily customize your Azure Data Explorer dashboard visuals
44
ms.reviewer: gabil
55
ms.topic: how-to
6-
ms.date: 08/26/2025
6+
ms.date: 02/22/2026
77
---
88

99
# Customize Azure Data Explorer dashboard visuals
1010

1111
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.
1212

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).
1414

1515
## Prerequisites
1616

@@ -22,25 +22,55 @@ Review Visualize data with Azure Data Explorer dashboards.
2222

2323
## Customize visuals
2424

25-
To make changes in your dashboard:
25+
To make changes to your dashboard:
2626

2727
1. In the top menu, select **Viewing** and toggle to **Editing** mode.
2828

2929
:::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.":::
3030

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.
3232

3333
:::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.":::
3434

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.
3636

3737
:::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.":::
3838

3939
[!INCLUDE [customize-visuals](includes/customize-visuals.md)]
4040

41+
## Data series colors
42+
43+
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+
4171
## Embed images
4272

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.
4474

4575
For more information on GitHub Flavored Markdown, see [GitHub Flavored Markdown Spec](https://github.github.com/gfm/).
4676

@@ -49,7 +79,7 @@ For more information on GitHub Flavored Markdown, see [GitHub Flavored Markdown
4979

5080
:::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.":::
5181

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:
5383

5484
```md
5585
![](URL)

data-explorer/includes/customize-visuals.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
ms.topic: include
3-
ms.date: 12/14/2022
3+
ms.date: 01/18/2026
44
---
55

66
## Set customization properties
@@ -20,6 +20,7 @@ The following table describes the available customization properties, categorize
2020
| | **Value** | The numeric column that serves as the primary variable for the heatmap. | Heatmap |
2121
| | **Numeric column** | The column that provides the numeric value for the data category. | Pie chart |
2222
| | **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 |
2324
| **Display options** | **Order by** | How to order the results in the chart: **Name**, **Size**, or **None**. | Pie chart |
2425
| | **Top N** | Option to only show sections for the top *n* values in the chart. | Pie chart |
2526
| **General** | **Display orientation** | Determines the orientation of the display: Horizontal or Vertical. | Multi Stat |
148 KB
Loading

0 commit comments

Comments
 (0)