How to Use BarGraph

Using the BarGraph component is straightforward. Follow these steps:

• Add the dependency to the Block and the datapoint structure
• Drag the BarGraph block into your screen.
• Configure Inputs
  
• fill out the following inputs to customize your chart:
• 
  
• ListOfDataPoints:
  A list of data points, each representing a bar in the graph. The structure includes:
• 
  
• Label: Text label for the bar (visible when HasLabel is true).
• Count: Numerical value represented by the bar (displayed inside the bar).
• Color: Background color of the bar.
• TextColor: Color of the text within the bar.

• IsCenter:
  Centers the chart if set to true. Labels inside the bars are also centered, and the chart is displayed as a funnel.
• HasLabel:
  Controls the visibility of bar labels. Set to true to show labels or false to hide them.
• IsLabelTop:
  Moves the label to the top of the bar instead of its left side when set to true.
• IsOrder:
  When true, sorts the bars by the Count value. When false, maintains the original order of the list.
• IsDesc:
  Specifies sorting order when IsOrder is true. Set to true for descending or false for ascending order.