Explore: Ensure logs volume bar colors match legend colors (#39072)

* Ensure logs volume bar colors match legend colors * Fix tests
grafana · Sep 13, 2021 · 88ad9aa · 88ad9aa
1 parent 15b8b73
commit 88ad9aa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/public/app/core/logs_model.ts b/public/app/core/logs_model.ts
@@ -10,6 +10,7 @@ import {
   dateTimeFormat,
   dateTimeFormatTimeAgo,
   FieldCache,
+  FieldColorModeId,
   FieldType,
   FieldWithIndex,
   findCommonLabels,
@@ -143,6 +144,10 @@ export function makeDataFramesForLogs(sortedRows: LogRowModel[], bucketSize: num
 
     data.fields[valueField.index].config.min = 0;
     data.fields[valueField.index].config.decimals = 0;
+    data.fields[valueField.index].config.color = {
+      mode: FieldColorModeId.Fixed,
+      fixedColor: series.color,
+    };
 
     data.fields[valueField.index].config.custom = {
       drawStyle: GraphDrawStyle.Bars,

diff --git a/public/app/features/explore/utils/decorators.test.ts b/public/app/features/explore/utils/decorators.test.ts
@@ -4,6 +4,7 @@ import {
   ArrayVector,
   DataFrame,
   DataQueryRequest,
+  FieldColorModeId,
   FieldType,
   LoadingState,
   PanelData,
@@ -361,6 +362,10 @@ describe('decorateWithLogsResult', () => {
               labels: undefined,
               values: new ArrayVector([3]),
               config: {
+                color: {
+                  fixedColor: '#8e8e8e',
+                  mode: FieldColorModeId.Fixed,
+                },
                 min: 0,
                 decimals: 0,
                 unit: undefined,