Widget Type:
Page Widgets
TPC Version:
  • 3.3 +
VideoLogos
The CRM Area Chart is a specialized widget that allows you to create a chart to display data. An area chart represents data by plotted points on a chart. The area below these points is filled in to visualize rises and falls in the data. The chart data is fetched by FetchXML via CRM Entities and has the option of choosing a presaved configurations for the chart. Additionally, the option to create a custom chart exists. 

Configuration

Basic Setup

  1. From the Portal Connector (Charts) widget list, click and drag the CRM Area Chart into the body of your page.

  2. In order for the widget to function properly, there are an array of options that must be configured. Click on the edit button to display the properties prompt. It should look like this: 

    CRM Area Chart Basic Properties

Data

Next, navigate to the Data tab. It should look like this: 

CRM Area Chart Data Properties

Filters

 
Next, navigate to the Filters tab. It should look like this: 

CRM Area Chart Filter Properties

Appearance

Next, navigate to the Appearance tab. It should look like this: 

CRM Area Chart Appearance Properties

The Appearance tab allows you to choose from a myriad of options to customize your chart to your exact liking. The CRM Area Chart includes unique options for configuration under Series and Miscellaneous.

Widget Properties

Basic Properties

FetchXML

The FetchXML text area determines what sort of data a widget will be populated with. Clicking the Load Default Fetch option will populate the FetchXML area with a default fetch based on the CRM Entity chosen.  By clicking the Build button, we will be sent to another page in order to determine what the widget will look up. For more information on how to use the FetchXML function, please see the FetchXML Builder How-To.

Saved Visualization

The Saved Visualization drop drop list will allow you to choose from a list of preconfigured chart views based on the default CRM Entities. Please note that if a custom FetchXML fetch is provided for the widget, the Saved Visualization drop down should be set to the upper-most, blank field or else the chart will conflict with the custom FetchXML

Horizontal (Category) Axis Label #1

The Horizontal (Category) Axis Label #1 drop down list will choose what fetched fields will appear on the X axis of the chart. This drop down list will be automatically populated by the fetched fields from the FetchXML. Please note that if an alias has been set for the fetched field, the drop down list will retrieve that alias instead.

Horizontal (Category) Axis Label #2

The Horizontal (Category) Axis Label #2 drop down list will further group the fetched records. It is normally not required. For example, a chart has been configured to count the amount of songs per artist. Normally, the Horizontal (Category) Axis Label #1 would be set to Artists while the Vertical Axis Data Field (Series) would be set to Songs. The Horizontal (Category) Axis Label #2 column can be used to add additional organization to the chart by including genres. The chart would then organize each artist into a genre with the count of songs of that genre appearing.

Vertical Axis Data Field (Series)

The Vertical Axis Data Field (Series) drop down list is used to bind data to the Y Axis of the chart. The drop down list is automatically populated via the FetchXML.

Select a Template

The Select a Template drop down list will allow you to select a template for your product to use with the option of creating a new template. If a template is selected, you will be given the additional option of editing the selected template.

Chart Title

The Chart Title text box will determine the name of the chart. This will appear on the actual chart.

Axis-X Title

The Axis-X Title text box will determine the name of the X axis upon the chart.

Axis-Y Title

The Axis-Y Title text box will determine the name of the Y axis upon the chart.

Advanced Properties

Advanced properties provide additional functionality. They can be accessed by clicking on the "Advanced" Button in the bottom right corner of the widget designer.

FetchXML

The FetchXML text area determines what sort of data a widget will be populated with. Clicking the Load Default Fetch option will populate the FetchXML area with a default fetch based on the CRM Entity chosen.  By clicking the Build button, we will be sent to another page in order to determine what the widget will look up. For more information on how to use the FetchXML function, please see the FetchXML Builder How-To.

Saved Visualization

The Saved Visualization drop drop list will allow you to choose from a list of preconfigured chart views based on the default CRM Entities. Please note that if a custom FetchXML fetch is provided for the widget, the Saved Visualization drop down should be set to the upper-most, blank field or else the chart will conflict with the custom FetchXML

Horizontal (Category) Axis Label #1

The Horizontal (Category) Axis Label #1 drop down list will choose what fetched fields will appear on the X axis of the chart. This drop down list will be automatically populated by the fetched fields from the FetchXML. Please note that if an alias has been set for the fetched field, the drop down list will retrieve that alias instead.

Horizontal (Category) Axis Label #2

The Horizontal (Category) Axis Label #2 drop down list will further group the fetched records. It is normally not required. For example, a chart has been configured to count the amount of songs per artist. Normally, the Horizontal (Category) Axis Label #1 would be set to Artists while the Vertical Axis Data Field (Series) would be set to Songs. The Horizontal (Category) Axis Label #2 column can be used to add additional organization to the chart by including genres. The chart would then organize each artist into a genre with the count of songs of that genre appearing.

Vertical Axis Data Field (Series)

The Vertical Axis Data Field (Series) drop down list is used to bind data to the Y Axis of the chart. The drop down list is automatically populated via the FetchXML.

Select a Template

The Select a Template drop down list will allow you to select a template for your product to use with the option of creating a new template. If a template is selected, you will be given the additional option of editing the selected template.

Chart Title

The Chart Title text box will determine the name of the chart. This will appear on the actual chart.

Axis-X Title

The Axis-X Title text box will determine the name of the X axis upon the chart.

Axis-Y Title

The Axis-Y Title text box will determine the name of the Y axis upon the chart.