Number visualizer settings

In the number visualization component, you can display multiple key figures simultaneously. The component’s settings are divided into two tabs.

General

Under this tab, you will find the “general settings” for the component.

• Name: Here, you can define the name or title that will be displayed at the top of the component in the overview view.

The number visualization consists of several sections, where each section corresponds to a row in the component. Each section can be linked to its own data source.

• To add a new section, click on “Add”. This will open the menu shown below:

• Type: There are three different options, “Header,” “Number,” and “Increment.”

If you select the “Header” option, a new tab named “Header” will appear in the settings (see the image below). In the “Text” field, you specify the content of the header, and under “Alignment” you choose its position.

• Number: If you select “Number” as the type, the content of the “General” tab will be slightly adjusted (see the image below). In the “Data Source” field, you specify which data source should be used to display values in the number visualization. Under the “Group Name” tab, you can set a group name for the component, and in “Organization Settings” you can choose whether the component should reflect or aggregate data from other organizations. For more information about group names and organization settings, scroll up to the section on the data component.

You will also see a new tab in the settings, “Fields”. Here, you can configure how the data will be visualized in the component. Information about the settings in the “Fields” tab can be found in the section on the data component and is also applicable here.

• Increment: If you select “Increment” as the type, the “General” tab will look the same as for the “Number” type. However, a new tab will appear in the settings, “Increment” (see the image below). This tab allows you to change the value of a field using preset increments or decrements with plus and minus buttons.

In the “Field” section, you specify which field from the data source will be affected by the buttons. Under “Label”, you can give the buttons a name. In the “Value” tab, you choose how much the value should increase or decrease with each button press.

If you check the “Allow negative values” box, the value in the field can be lowered below zero. If you instead select “Show number form upon button press”, a form will appear when a user clicks one of the buttons.

• Appearance: Here you have two options to customize the visual design of the component:

Show date navigator: If you enable this setting, the user can navigate forward and backward in time using a date navigator at the top of the component.

Hide component header: If you enable this option, the component’s name and date navigator will be hidden until a user hovers over the top area of the component with the cursor.