Bar chart: Legend, Chart styles, and Color Theme features implementation on config panel - 697

dashboards-observability/common/constants/explorer.ts

@@ -78,6 +78,7 @@ export const REDUX_EXPL_SLICE_COUNT_DISTRIBUTION = 'countDistributionVisualizati
 export const PLOTLY_GAUGE_COLUMN_NUMBER = 5;
 export const APP_ANALYTICS_TAB_ID_REGEX = /application-analytics-tab.+/;
 export const DEFAULT_AVAILABILITY_QUERY = 'stats count() by span( timestamp, 1h )';
+export const ADD_BUTTON_TEXT = '+ Add color theme';
 
 export const VIZ_CONTAIN_XY_AXIS = [
   visChartTypes.Bar,

dashboards-observability/common/constants/shared.ts

@@ -148,4 +148,25 @@ export const LIVE_OPTIONS = [
   },
 ];
 
-export const LIVE_END_TIME ='now';
+export const LIVE_END_TIME ='now';
+export interface DefaultChartStylesProps {
+  DefaultMode: string,
+  Interpolation: string,
+  LineWidth: number,
+  FillOpacity: number,
+  MarkerSize: number,
+  ShowLegend: string,
+  LegendPosition: string
+};
+
+export const DefaultChartStyles: DefaultChartStylesProps = {
+  DefaultMode: 'lines',
+  Interpolation: 'spline',
+  LineWidth: 2,
+  FillOpacity: 40,
+  MarkerSize: 5,
+  ShowLegend: 'show',
+  LegendPosition: 'v'
+}
+
+export const FILLOPACITY_DIV_FACTOR = 200; 

dashboards-observability/common/types/explorer.ts

@@ -187,9 +187,11 @@ export interface IConfigPanelOptions {
 export interface IConfigPanelOptionSection {
   name: string;
   component: null;
-  mapTo: 'mode';
+  mapTo: string;
   props?: any;
   isSingleSelection?: boolean;
+  defaultState?: number;
+  eleType?: string;
 }
 
 export interface IVisualizationTypeDefination {