Documentation

Area Charts

The Area Charts are part of the Charts components which the Builder supports.

Usage

  • Suitable for displaying quantitative data by using continuous lines.
  • The different colors in an Area Chart are useful for emphasizing changes in values which come from several sets of similar data.

Properties of Interest

  • Data Source—The name of a data source instance that you have defined in the Blank view. For more information, refer to the article on Blank view data sources.
  • Model—The data model that is associated with this component. For more information, refer to the article on using data source instances.
  • Events

    • Series Click Event Function—Fired when the user clicks an item series in the chart.
    • (AngularJS only) Data Bound Event Function—Represents a function that runs when the chart is bound to its data source.

    Include any custom code for this event function in the controller.public.js file for AngularJS or in the [view-name].view.component.ts file for Angular which are located in the \app\src\modules\[module-name]\[view-name] folder. For more information, refer to the article on custom code.

In this article