QPR ProcessAnalyzer KPI Card

From QPR ProcessAnalyzer Wiki
Jump to navigation Jump to search

KPI Card shows a single measure value. In addition to the value, the measure label is shown. Measure value color, title color and background color can be changed. Optionally, the measure can be visualized with an icon shown left side of the measure. The icon type and color can be customized.

KPI Card Functionalities

The KPI card has the following functionalities:

  • KPI is able present a single measure value (which is set in the first measure).
  • Color of the icon, can be set either using the second measure or with the conditional formatting.
  • Color of the shown measure value can be changed using the measure color (in the measure's Advanced Settings).
  • Conditional formatting allow to determine measure value color, title color, background color and the icon color (for more information, see Conditional Formatting).
  • Appearance of the shown value can be changed in the first measure settings, using settings Round to decimals, Measure unit, Data type and Date format.
  • Title of the measure can be changed either by specifying a custom measure label in the measure advanced settings or use the title field in the General tab.
  • It's possible to define a dimension, which will show measure values for all those dimension values as a list.

Set Icon Color Using Second Measure

Icon Color can be set either using the seconds measure or the conditional formatting settings. Use the second measure as follows:

  1. Select the KPI Card as a visualization.
  2. Define your KPI as the first measure.
  3. For the measure, select Variable for other measures in the measure settings.
  4. Select Data point colors as the second measure, and define the limit values between green-yellow and red-yellow.

Now the KPI targets are visualized as a colored square next to the KPI value.

Conditional Formatting

The following conditional formatting are available:

It's also possible to define a dimension for the KPI Card, which shows a list of measure values for each dimension.

Conditional Formatting Examples

Title color:

{
	"title": {
		"color": {
			"rules": [
				{
					"value": 100,
					"comparison": ">",
					"color": "#36d475"
				},
				{
					"color": "#EF5254"
				}
			]
		}
	}
}

Icon and its color:

{
	"icon": {
		"rules": [
			{
				"value": { "type": "measure", "index": 2 },
				"comparison": ">",
				"icon": "arrow_upward"
			},
			{
				"icon": "arrow_downward"
			}
		],
		"color": "#069cf0"
	}
}