Documentation

Bar Charts

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

Usage

  • Show data by using horizontal or vertical bars whose lengths vary according to their value.
  • Suitable for displaying a comparison between several sets of data. For example, for showing a summary of unique and total site visitors over a certain period of time.

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