Page History

Table of Contents

Table of Contents

Page Tree

root	KPI Component Configuration

Related Pages

Overview

The Data Tag configuration Has serval elements to the feature

1. Used to display data

2. There are a number of ways of displaying this data from level bars to gauges.

Data tag displays the value of a data tag as expected

buy with this menu bar it allows you to select many different ways in displaying the data with a more graphical aproach

Image Added

Put the kpi's in edit mode and have a look at there settings.

Some of them you can stack values or add additional values

The examples to the left and below are instances of the same widget with different configurations. To see how they are made, put the widget in edit mode and play around.

To put the widget in edit mode click the seamless mode button Image Added then turn on edit mode with the slider

Once you are in edit more, just click on something to see how something is configured.

***If you accidentally change something just click "Revert" at the top of the KPI panel***

You can either search for tags in the configuration screen or drag and drop them directly, for example search results or the shopping basket.

Table cells can be dragged around within the widget to swap places and whole rows or columns can also be dragged and dropped to change the order.

Examples

Value

Value will just display the value of a tag

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(5,2)\",\"size\":\"20\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#333\",\"bgColour\":\"transparent\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":1,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":0,\"max\":100,\"innerRadiusRatio\":0.6,\"sizeOther\":null,\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Update Time

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(5,2)\",\"size\":\"20\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#333\",\"bgColour\":\"transparent\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":9,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":0,\"max\":100,\"innerRadiusRatio\":0.6,\"sizeOther\":null,\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Status

Status has many ways of displaying the data but the main way is to use the traffic lights which can be triggured using an if statment style of determining which value to display

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(5,2)\",\"size\":\"20\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#333\",\"bgColour\":\"transparent\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":2,\"status\":2,\"customStates\":\{\"RED\":\{\"op\":\"lt\",\"value\":\"5\",\"indicator\":1,\"text\":\"\",\"colour\":\"#cb0836\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\},\"GREEN\":\{\"op\":\"gte\",\"value\":\"5\",\"indicator\":1,\"text\":\"\",\"colour\":\"#21ab09\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\},\"OTHER\":\{\"op\":\"eq\",\"value\":0,\"indicator\":1,\"text\":\"\",\"colour\":\"#dddddd\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\}\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":0,\"max\":100,\"innerRadiusRatio\":0.6,\"sizeOther\":\"20\",\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}],[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(5,2)\",\"size\":\"20\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#333\",\"bgColour\":\"transparent\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":2,\"status\":2,\"customStates\":\{\"RED\":\{\"op\":\"gte\",\"value\":\"5\",\"indicator\":1,\"text\":\"\",\"colour\":\"#cb0836\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\},\"GREEN\":\{\"op\":\"lt\",\"value\":\"5\",\"indicator\":1,\"text\":\"\",\"colour\":\"#21ab09\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\},\"OTHER\":\{\"op\":\"eq\",\"value\":0,\"indicator\":1,\"text\":\"\",\"colour\":\"#dddddd\",\"icon\":1,\"flash\":false,\"rotate\":\"\"\}\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":0,\"max\":100,\"innerRadiusRatio\":0.6,\"sizeOther\":\"20\",\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Sparkline

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(siggen/sin4@300,2)\",\"size\":\"20\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#333\",\"bgColour\":\"transparent\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":4,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":\"0\",\"max\":\"100\",\"innerRadiusRatio\":0.6,\"sizeOther\":\"\",\"orientation\":\"v\",\"timespan\":\"\",\"showTimeSpan\":true,\"showStats\":false,\"showAxis\":true,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Dial

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(5,2)\",\"size\":\"100\",\"textSize\":\"12\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#17becf\",\"bgColour\":\"#dddddd\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":5,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":\"0\",\"max\":\"21\",\"innerRadiusRatio\":\"0.6\",\"sizeOther\":null,\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Level

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(siggen/40)\",\"size\":\"60\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#17becf\",\"bgColour\":\"#dddddd\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":6,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":\"0\",\"max\":\"50\",\"innerRadiusRatio\":0.6,\"sizeOther\":\"200\",\"orientation\":\"h\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Gauge

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(siggen/40)\",\"size\":\"70\",\"textSize\":\"20\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#d62728\",\"fgColour\":\"#444444\",\"bgColour\":\"#bcbd22\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":7,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":\"0\",\"max\":\"100\",\"innerRadiusRatio\":\"0.6\",\"sizeOther\":null,\"orientation\":\"v\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":\"20\",\"majorGraduationsEvery\":\"5\",\"sizeDirection\":null,\"innerAlignment\":null,\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Arrow

Epm macro kpi

config

\{\"promptIfDirtyClose\":true,\"kpis\":[[\{\"kind\":\"datatag\",\"value\":\"calc/ADD(siggen/40)\",\"size\":\"40\",\"textSize\":\"12\",\"padding\":\"\",\"title\":\"\",\"colour\":\"#2ca02c\",\"bgColour\":\"#dddddd\",\"offsetX\":0,\"offsetY\":0,\"alignment\":\"2\",\"weightWidth\":\"1\",\"weightHeight\":\"1\",\"metaData\":\{\},\"refreshRate\":10,\"decimalPlaces\":\"0\",\"units\":\"\",\"display\":8,\"status\":1,\"customStates\":\{\},\"additionalTrends\":[],\"additionalTrendTypes\":[],\"additionalTrendMultipliers\":[],\"additionalTrendMetaData\":[],\"showValue\":true,\"useTimestampAsValue\":false,\"min\":\"0\",\"max\":\"60\",\"innerRadiusRatio\":0.6,\"sizeOther\":\"70\",\"orientation\":\"right\",\"timespan\":\"\",\"showStats\":false,\"autoscale\":true,\"numGraduations\":101,\"majorGraduationsEvery\":5,\"sizeDirection\":\"both\",\"innerAlignment\":\"start\",\"staleAfter\":false,\"showSeparator\":false\}]],\"refreshrate\":60,\"firstrowheadings\":false,\"hidegridlines\":false,\"padding\":\"\",\"isgrid\":true,\"diagramid\":false,\"diagramwidth\":1000,\"vars\":\{\},\"live\":true,\"liveOffset\":\"\",\"seamless\":true,\"tags\":[],\"dontPromptOnLiveToggle\":false\}

Page tree

Versions Compared

Old Version 2

New Version Current

Key

Overview

Examples