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: explore-analyze/visualize/charts/metric-charts.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,10 +8,10 @@ description: Instructions and best practices for building metric charts with Kib
8
8
9
9
# Build metric charts with {{kib}}
10
10
11
-
Metric charts make important single values stand out on a dashboard. They're perfect for highlighting KPIs such as error rates or SLOs for example, and for making them understandable at a glance with dynamic coloring or trend indicators.
11
+
Metric charts make important single values stand out on a dashboard. They're perfect for highlighting KPIs such as error rates or SLOs, and for making them understandable at a glance with dynamic coloring or trend indicators.
12
12
13
13
They work with any numeric data: plain numbers, percentages, or calculations like a count, sum, or average. You can get this numeric data from numeric fields stored in your {{es}} documents, or from aggregation functions and formulas that you can apply to any type of field. <br>
14
-
You can also display strings by using the `Last value` aggregation function that picks up the last document, sorted by timestamp, in the current tine frame.
14
+
You can also display strings by using the `Last value` aggregation function that picks up the last document, sorted by timestamp, in the current time frame.
15
15
16
16
17
17
To create metric charts in {{kib}}, you must use [**Lens**](../lens.md)
@@ -47,7 +47,7 @@ Using the dropdown indicating **Bar**, select **Metric**.
47
47
Refer to [](#settings) to find all data configuration options for your metric chart.
48
48
::::
49
49
50
-
::::{step} Customize the chart with best practices
50
+
::::{step} Customize the chart to follow best practices
51
51
Tweak the appearance of the chart to your needs. Consider the following best practices:
52
52
53
53
**Use color wisely**
@@ -57,7 +57,7 @@ Tweak the appearance of the chart to your needs. Consider the following best pra
57
57
: Round to appropriate precision. Showing 1.2M is clearer than 1,234,567.89 for high-level metrics. But show more precision when small changes matter.
58
58
59
59
**Provide context**
60
-
: Use titles and subtitles to explain what the metric means. "45,234" is a number, but "Active Users" as a title gives it meaning, and "Last 24 hours" as a subtitle makes it unambiguous.
60
+
: Use titles and subtitles to explain what the metric shows. "45,234" is a number, but "Active Users" as a title gives it meaning, and "Last 24 hours" as a subtitle makes it unambiguous.
61
61
62
62
Refer to [](#settings) for a complete list of options.
63
63
::::
@@ -107,7 +107,7 @@ To add trend indicators to your metric visualization:
107
107
***Value**: Shows only the secondary metric value
108
108
***Both**: Shows both the icon and value (default)
109
109
110
-
7. The secondary metric does not automatically compare with the primary metric. Define the value to**Compare to**:
110
+
7. The secondary metric does not automatically compare with the primary metric. Define the value for**Compare to**:
111
111
***Static value**: Compares against a fixed baseline value that you specify
112
112
***Primary metric**: Compares the secondary metric directly against the primary metric by displaying the result of `Primary metric - Secondary metric`. This option is only available when the primary metric is numeric.
113
113
@@ -165,7 +165,7 @@ Customize your metric chart to display exactly the information you need, formatt
165
165
166
166
**Appearance**
167
167
: Define the formatting of the primary metric, including:
168
-
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a readable title.
168
+
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a meaningful title.
169
169
- **Value format**: Choose to display the metric as number, percent, bytes, bits, duration, or with a custom format that you can define.
170
170
- **Color by value**: Apply colors to the chart. Choose between **Static** for a unique color and **Dynamic** for using different colors based on the metric's value. By default, the color applies to the chart's background.
171
171
- **Static**: Pick a color and its opacity. That color always remains the same and is independent from the metric's value.
@@ -188,7 +188,7 @@ Customize your metric chart to display exactly the information you need, formatt
188
188
189
189
**Appearance**
190
190
: Define the formatting of the secondary metric, including:
191
-
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a readable title.
191
+
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a meaningful title.
192
192
- **Value format**: Choose to display the metric as number, percent, bytes, bits, duration, or with a custom format that you can define.
193
193
- **Label**: Define the label displayed next to the secondary metric. By default, the **Name** shows. You can instead show a **Custom** value or hide it by selecting **None**.
194
194
- **Label position**: Choose to show the label **Before** or **After** the metric.
@@ -221,7 +221,7 @@ Customize your metric chart to display exactly the information you need, formatt
221
221
222
222
**Appearance**
223
223
: Define the formatting of the broken down view of the metric, including:
224
-
- **Name**: It's a best practice to customize this with a readable title.
224
+
- **Name**: It's a best practice to customize this with a meaningful title.
225
225
- **Layout columns**: The number of columns used to lay out the various tiles of your metric chart.
226
226
227
227
@@ -254,7 +254,7 @@ The following examples show various configuration options that you can use for b
0 commit comments