VisualizationSelection: Real previews of suitable visualisation and options based on current data (#40527)

* Initial pass to move panel state to it's own, and make it by key not panel.id * Progress * Not making much progress, having panel.key be mutable is causing a lot of issues * Think this is starting to work * Began fixing tests * Add selector * Bug fixes and changes to cleanup, and fixing all flicking when switching library panels * Removed console.log * fixes after merge * fixing tests * fixing tests * Added new test for changePlugin thunk * Initial struture in place * responding to state changes in another part of the state * bha * going in a different direction * This is getting exciting * minor * More structure * More real * Added builder to reduce boiler plate * Lots of progress * Adding more visualizations * More smarts * tweaks * suggestions * Move to separate view * Refactoring to builder concept * Before hover preview test * Increase line width in preview * More suggestions * Removed old elements of onSuggestVisualizations * Don't call suggestion suppliers if there is no data * Restore card styles to only borders * Changing supplier interface to support data vs option suggestion scenario * Renamed functions * Add dynamic width support * not sure about this * Improve suggestions * Improve suggestions * Single grid/list * Store vis select pane & size * Prep for option suggestions * more suggestions * Name/title option for preview cards * Improve barchart suggestions * Support suggestions when there are no data * Minor change * reverted some changes * Improve suggestions for stacking * Removed size option * starting on unit tests, hit cyclic dependency issue * muuu * First test for getting suggestion seems to work, going to bed * add missing file * A basis for more unit tests * More tests * More unit tests * Fixed unit tests * Update * Some extreme scenarios * Added basic e2e test * Added another unit test for changePanelPlugin action * More cleanup * Minor tweak * add wait to e2e test * Renamed function and cleanup of unused function * Adding search support and adding search test to e2e test
2025-02-25 18:55:37 -06:00 · 2021-10-25 13:55:06 +02:00
parent 91c0b5a47f
commit 54af57b8e6
66 changed files with 1968 additions and 233 deletions
--- a/public/app/plugins/panel/stat/suggestions.ts
+++ b/public/app/plugins/panel/stat/suggestions.ts
@@ -0,0 +1,77 @@
+import { VisualizationSuggestionsBuilder } from '@grafana/data';
+import { BigValueColorMode, BigValueGraphMode } from '@grafana/ui';
+import { SuggestionName } from 'app/types/suggestions';
+import { StatPanelOptions } from './types';
+
+export class StatSuggestionsSupplier {
+  getSuggestionsForData(builder: VisualizationSuggestionsBuilder) {
+    const { dataSummary } = builder;
+
+    if (!dataSummary.hasData) {
+      return;
+    }
+
+    const list = builder.getListAppender<StatPanelOptions, {}>({
+      name: SuggestionName.Stat,
+      pluginId: 'stat',
+      options: {},
+      fieldConfig: {
+        defaults: {
+          unit: 'short',
+          custom: {},
+        },
+        overrides: [],
+      },
+      previewModifier: (s) => {
+        if (s.options!.reduceOptions.values) {
+          s.options!.reduceOptions.limit = 1;
+        }
+      },
+    });
+
+    if (dataSummary.hasStringField && dataSummary.frameCount === 1 && dataSummary.rowCountTotal < 10) {
+      list.append({
+        name: SuggestionName.Stat,
+        options: {
+          reduceOptions: {
+            values: true,
+            calcs: [],
+            fields: dataSummary.hasNumberField ? undefined : '/.*/',
+          },
+        },
+      });
+      list.append({
+        name: SuggestionName.StatColoredBackground,
+        options: {
+          reduceOptions: {
+            values: true,
+            calcs: [],
+            fields: dataSummary.hasNumberField ? undefined : '/.*/',
+          },
+          colorMode: BigValueColorMode.Background,
+        },
+      });
+    } else if (dataSummary.hasNumberField) {
+      list.append({
+        options: {
+          reduceOptions: {
+            values: false,
+            calcs: ['lastNotNull'],
+          },
+        },
+      });
+
+      list.append({
+        name: SuggestionName.StatColoredBackground,
+        options: {
+          reduceOptions: {
+            values: false,
+            calcs: ['lastNotNull'],
+          },
+          graphMode: BigValueGraphMode.None,
+          colorMode: BigValueColorMode.Background,
+        },
+      });
+    }
+  }
+}