You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
Home > HappyFox BI > Working with Data > How to build an area chart using HappyFox BI?
How to build an area chart using HappyFox BI?
print icon

Area Chart:


An area chart is a combination of a bar and a line chart. Like Line charts, Area charts are also used to display trends over an interval. The variable that is analysed is on the X-axis and a numeric value is aggregated on the Y-axis. To analyse multiple numeric values, a Multi-area chart is used.


Steps to build an area chart using HappyFox BI:


Basic Settings


  • Click on the Add Visualization button.
  • Name your visualization.
  • Choose Area chart from the Visualisation Type dropdown.
  • Select the preferred dataset and date range for which you want to build your visualization.
  • X-Axis: Fields of different data types can be chosen under X-axis:
    • Time Period fields: Time ranges like week, month are generally chosen on X-axis for an area chart. For eg, If you want to see the first response rate trend across months, then Created On- Month should be brought on X-axis here. 
    • Categorical fields: Fields like Status, priority and so on can also be chosen for X-axis.
    • Numeric Fields: If a numeric field is chosen, it needs to be grouped into buckets.
  • Y-Axis: Now choose a numeric field for Y-axis. For the above example, the first response rate should be brought on the Y-axis. 
  • There are different ways to aggregate the field that you choose for Y-Axis. Some options are Count, Sum, Average, Percentile, Distinct Count.       




Advanced Settings


  • Benchmark: Benchmark is a special feature that allows you to compare the values against the set benchmark.
  • Filter: You can choose to add the required filter conditions.
  • Sort: You can also sort the visualization as required.
  • Label Name: You can edit the Label (name) of your X and Y axes under the Visualisation settings tab. You can also set the Min and Max value for your axes.
  • Show Values: Enable Always Show values toggle to display the bar values all the time as opposed to the values being displayed only when hovered over.
  • Connect empty values: If you want the empty values to be connected on the graph to display a seamless chart, you can enable this toggle.
0 out of 0 found this helpful

scroll to top icon