Improvements on the way the values are depicted inside bar charts

[stratoula]

Is your feature request related to a problem? Please describe.
We received some feedback from our users that the values inside bar charts do not render ideally in all cases.

Describe the solution you'd like
Specifically, the problems identified are two:

• Add option to hide labels when they protrude the respective bar #1234
• we could give the option to the users to hide the white outline if it doesn't fit their charts styling

Kibana Cross Issues
Kibana issue here

Checklist

Delete any items that are not applicable to this feature request.

• this request is checked against already exist requests
• every related Kibana issue is listed under Kibana Cross Issues list
• kibana cross issue tag is associated to the issue if any kibana cross issue is present

[ghudgins]

good discussion about this issue on elastic/kibana#101573

[markov00]

@stratoula the following part of the request:

we could give the option to the users to hide the white outline if it doesn't fit their charts styling

can be achieved with the borderSize option available in the displayValue style of the chart theme:

export type DisplayValueStyle = Omit<TextStyle, 'fill' | 'fontSize'> & {
  offsetX: number;
  offsetY: number;
  fontSize:
    | number
    | {
        min: number;
        max: number;
      };
  fill:
    | Color
    | { color: Color; borderColor?: Color; borderWidth?: number } // borderWidth in pixel or
    | {
        textInvertible: boolean;
        textContrast?: number | boolean;
        textBorder?: number; // textBorder in pixel
      };
  alignment?: {
    horizontal: Exclude<HorizontalAlignment, 'far' | 'near'>;
    vertical: Exclude<VerticalAlignment, 'far' | 'near'>;
  };
};

[markov00]

Hi @stratoula I will close this issue as it looks like we have closed all the tasks. Please reopen and add any missing task to the list if any

[stratoula]

No Marco we are done with it! (at least for now) 🚀