[FEATURE] : Horizontal bar chart 2way sync (#1094)

* Implemented horizontal bar vizualization + 2way sync Signed-off-by: Dipra Aich <[email protected]> * Updated snapshots for test cases Signed-off-by: Dipra Aich <[email protected]> * adjustments for rendering horiz_bars Signed-off-by: Dipra Aich <[email protected]> * implemented commented changes for enhancements Signed-off-by: Dipra Aich <[email protected]> * horiz_bar commented changes implemented Signed-off-by: Dipra Aich <[email protected]> Signed-off-by: Dipra Aich <[email protected]>
opensearch-project · Oct 11, 2022 · 9ed7e5a · 9ed7e5a
1 parent 8e6c6ce
commit 9ed7e5a
Show file tree

Hide file tree

Showing 30 changed files with 4,225 additions and 2,977 deletions.
diff --git a/dashboards-observability/common/constants/explorer.ts b/dashboards-observability/common/constants/explorer.ts
@@ -90,6 +90,7 @@ export const VIZ_CONTAIN_XY_AXIS = [
   VIS_CHART_TYPES.Line,
   VIS_CHART_TYPES.Pie,
   VIS_CHART_TYPES.Scatter,
+  VIS_CHART_TYPES.HorizontalBar,
 ];
 
 // default ppl aggregation method options
@@ -233,6 +234,28 @@ export const DEFAULT_STATS_CHART_PARAMETERS: DefaultStatsChartParametersProps =
   },
   DefaultTextColor: '#FFFFFF',
 };
+export interface DefaultBarChartStylesProps {
+  BarMode: string;
+  GroupWidth: number;
+  BarWidth: number;
+  LineWidth: number;
+  LabelSize: number;
+}
+
+export const DEFAULT_BAR_CHART_STYLES: DefaultBarChartStylesProps = {
+  BarMode: 'group',
+  GroupWidth: 0.7,
+  BarWidth: 0.97,
+  LineWidth: 1,
+  LabelSize: 12,
+};
+
+export const SIMILAR_VIZ_TYPES = [
+  VIS_CHART_TYPES.Line,
+  VIS_CHART_TYPES.Scatter,
+  VIS_CHART_TYPES.HorizontalBar,
+  VIS_CHART_TYPES.Bar,
+];
 
 export enum ConfigChartOptionsEnum {
   palettePicker = 'palettePicker',

diff --git a/dashboards-observability/common/constants/shared.ts b/dashboards-observability/common/constants/shared.ts
@@ -182,3 +182,14 @@ export const DEFAULT_CHART_STYLES: DefaultChartStylesProps = {
 };
 
 export const FILLOPACITY_DIV_FACTOR = 200;
+export const SLIDER_MIN_VALUE = 0;
+export const SLIDER_MAX_VALUE = 100;
+export const SLIDER_STEP = 1;
+export const THRESHOLD_LINE_WIDTH = 3;
+export const THRESHOLD_LINE_OPACITY = 0.7;
+export const MAX_BUCKET_LENGTH = 16;
+
+export enum BarOrientation {
+  horizontal = 'h',
+  vertical = 'v',
+}