{"id":22323,"date":"2016-11-21T11:56:57","date_gmt":"2016-11-21T03:56:57","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=22323"},"modified":"2017-12-21T14:51:53","modified_gmt":"2017-12-21T06:51:53","slug":"data-label-4-4-5","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-4-5\/","title":{"rendered":"Data Label (4.4.5)"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to <strong>versions 4.4.5<\/strong> and later of P2 Explorer. See <a href=\"#Release_History\">Release History<\/a> for more. For the latest help, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\">Data Label<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The data label is one of the most useful of Explorer\u2019s components, as it is used to show time-aware tag and attribute values on Explorer pages.<\/p>\n<p class=\"intro-text\">The data label displays a single data value, and is often used on schematics to display the value of a single entity attribute. There is also a link to trend data and a point details page for the tag or attribute, respectively. Tags and attribute values that can be overwritten have a write option.<\/p>\n<p class=\"intro-text\">As well as being able to display a tag or an attribute, a data label can be configured to display: a column value from a tabular dataset, a single value defined in Studio, or an ad hoc calculation using tag and\/or attribute values (see the section <a title=\"Options for Configuring a Data Label Component\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/#Options_for_Configuring_a_Data_Label_Component\">Options for Configuring a Data Label Component<\/a> at the end of this article). Data labels configured to use an ad hoc calculation have a link to a trend.<\/p>\n<p class=\"left-bar\">Jump to: <a title=\"Options for Configuring a Data Label Component\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/#Options_for_Configuring_a_Data_Label_Component\">Options for Configuring a Data Label Component<\/a><\/p>\n<p class=\"intro-text\">The diagram below shows a configured data label on a grid, in Studio mode.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22630 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram.png\" width=\"541\" height=\"312\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram.png 541w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram-150x87.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Diagram-48x28.png 48w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"40\"><strong>Value<\/strong>:<\/td>\n<td width=\"360\">The data displayed in the data label.<\/td>\n<\/tr>\n<tr>\n<td><strong>Decimals<\/strong>:<\/td>\n<td>Decimal points for the data.<\/td>\n<\/tr>\n<tr>\n<td width=\"40\"><strong>Units Location<\/strong>:<\/td>\n<td width=\"360\">If there is a unit configured for a tag (or an attribute value that uses a tag with a unit), then this can be displayed as a prefix or a suffix to the value.<\/td>\n<\/tr>\n<tr>\n<td><strong>Style<\/strong>:<\/td>\n<td>The label style (options may vary). If you are a Style Administrator, you can add a new <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/styles\/#Data_Label\">Data Label style<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">Hover over the Data label to read the tooltip:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22635 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover.png\" width=\"212\" height=\"116\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover.png 212w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover-150x82.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-Hover-48x26.png 48w\" sizes=\"auto, (max-width: 212px) 100vw, 212px\" \/><\/a><\/p>\n<ul class=\"intro-text\">\n<li>Open Value Trend <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12252 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Trend.png\" width=\"60\" height=\"60\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Trend.png 60w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Trend-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Trend-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Trend-48x48.png 48w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/li>\n<li>Open Value Detail <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12253 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Point-Detail.png\" width=\"60\" height=\"60\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Point-Detail.png 60w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Point-Detail-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Point-Detail-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Point-Detail-48x48.png 48w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/li>\n<li>Write Value <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12254 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Write.png\" width=\"60\" height=\"60\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Write.png 60w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Write-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Write-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/03\/Write-48x48.png 48w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/li>\n<\/ul>\n<p class=\"intro-text\">And this is how the same data label looks in run-time when you click on it (with a slightly changed value, as this is data for a different time):<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22634 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click.png\" width=\"193\" height=\"139\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click.png 193w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click-150x108.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Silver-Tag-on-Click-48x35.png 48w\" sizes=\"auto, (max-width: 193px) 100vw, 193px\" \/><\/a><\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-labels\/\">Using the Data Label<\/a> in display mode, Adding a new <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/styles\/#Data_Label\">Data Label style<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Choosing a Value for the Data Label<\/h2>\n<p class=\"intro-text\">There are two ways you can assign a value to a data label:<\/p>\n<ul class=\"intro-text\">\n<li>Drop an attribute or a tag onto the page: <a href=\"#Tutorial_1_Dragging_Data_onto_a_Page\">Tutorial 1<\/a>.<\/li>\n<li>Drop a data label onto the page, and configure it: <a href=\"#Tutorial_2_Configuring_a_Data_Label_Component\">Tutorial 2<\/a>.<\/li>\n<\/ul>\n<p class=\"intro-text\">We\u2019ll explore these two methods in the following tutorials.<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial 1: Dragging Data onto a Page<\/h2>\n<p class=\"note\">If you're unfamiliar with the process of building pages, read the article <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/building-an-explorer-page\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Building an Explorer Page<\/a>.<\/p>\n<p class=\"intro-text\">This is a quick way to add a data label to a page.<\/p>\n<p class=\"left-bar-blue\"><i class=\"fa fa-book fa-2x fa-pull-left\"><\/i> Read about dragging tags and attributes onto a page: <a title=\"Tag Search and Hierarchy Navigation\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-getting-started\/tag-search-and-hierarchy-navigation\/#Drop_a_Value_onto_a_Page\">Tag Search and Hierarchy Navigation<\/a><\/p>\n<p class=\"left-bar\"><strong>Note: <\/strong>Before you start the tutorial, <a title=\"Preparing an Explorer page for Tutorials\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/preparing-an-explorer-studio-page-for-a-tutorial\/\">prepare a page in Studio.<\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9318\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png\" alt=\"\" width=\"700\" height=\"458\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png 1054w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-768x503.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-150x98.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-48x31.png 48w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p class=\"left-bar\">Note: This configuration uses the <em>Sample Data<\/em> table and datasets that can be optionally made available during initial installation and setup. If you don't have access to this data, you will need to adjust the configuration to suit your data at your site.<\/p>\n<p class=\"intro-text\">We\u2019re going to search for an attribute and a tag to drop onto two separate grids on the page.<\/p>\n<p class=\"intro-text\">If you don't have access to the training environment, search for attributes or tags within your own environment to follow this exercise.<\/p>\n<p class=\"intro-text\"><strong>1. Search for Entity: <\/strong>Search for <em>Herbert<\/em> in the <em>P2 Corporate<\/em> hierarchy.<\/p>\n<p class=\"intro-text\"><strong>2. Click the Entity: <\/strong>This opens the Attributes Panel.<\/p>\n<p class=\"intro-text\"><strong>3. Drag an Attribute Onto the Page: <\/strong>Locate the <em>Choke!CurrentPosition<\/em> attribute, in the <em>Gas Producing Well<\/em> template, and drag it onto a grid cell.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1.png\" rel=\"lightbox[1433] lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18875\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1.png\" width=\"1000\" height=\"300\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1.png 1672w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-768x230.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-150x45.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-1280x384.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-1-48x14.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>4. Search for a Tag: <\/strong>Search for the <em>LowLimit<\/em> tag.<\/p>\n<p class=\"intro-text\"><strong>5. Drag the Tag Onto the Page: <\/strong>Locate the <em>LowLimit<\/em> tag from the search results, and drag it onto a grid cell.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4.png\" rel=\"lightbox[1433] lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18876\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4.png\" width=\"1000\" height=\"302\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4.png 1678w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-768x232.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-150x45.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-1280x387.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-1-step-4-48x15.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\">Your data label is ready. Tutorial 2 has instructions for configuring <em>Decimals<\/em> and <em>Style<\/em> (see steps 3 and 4).<\/p>\n<p class=\"left-bar-blue\"><strong>Help<\/strong>: For help with tag search and hierarchy search and navigation, read <a title=\"Tag Search and Hierarchy Navigation\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-getting-started\/tag-search-and-hierarchy-navigation\/\">Tag Search and Hierarchy Navigation<\/a>, or watch this short video, where we search for a tag to drop on the page, and then search for an attribute to drop on the page.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_603721809\" class=\"video-js vjs-default-skin\" width=\"1006\" height=\"546\" controls preload=\"none\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/TagAndAttributeSearch.mp4\" type='video\/mp4' \/>\r\n\t\t\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial 2: Configuring a Data Label Component<\/h2>\n<p class=\"intro-text\">In this tutorial, we'll drop a data label component onto a page, and then configure it to show data.<\/p>\n<p class=\"left-bar\"><strong>Note: <\/strong>Before you start the tutorial, <a title=\"Preparing an Explorer page for Tutorials\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/preparing-an-explorer-studio-page-for-a-tutorial\/\">prepare a page in Studio.<\/a> Or use the same page that you used in Tutorial 1.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9318\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png\" alt=\"\" width=\"700\" height=\"458\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page.png 1054w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-768x503.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-150x98.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Explorer-Page-48x31.png 48w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>1. Add a Data Label: <\/strong>Drag and drop a Data Label component onto a grid cell. The Data Label is in the Display <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" rel=\"lightbox[1429] lightbox-7\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-async=\"false\" data-slimstat-callback=\"false\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1844\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" alt=\"Display group icon\" width=\"22\" height=\"13\" \/><\/a> group.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18880\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1.png\" width=\"800\" height=\"275\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1.png 1323w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-768x264.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-150x52.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-1280x440.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-1-48x17.png 48w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this example, we'll configure the data label to show a column from a dataset.<\/p>\n<p class=\"left-bar-blue\">Note that there are other data options available. See: <a title=\"Options for Configuring a Data Label Component\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/#Options_for_Configuring_a_Data_Label_Component\">Options for Configuring a Data Label Component<\/a>.<\/p>\n<p class=\"intro-text\">Follow the instructions in the <a title=\"Using Dataset Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/\">Data Selector<\/a> article, in the section: <em>Using Dataset Data<\/em>.<\/p>\n<ul class=\"intro-text\">\n<li><strong>Dataset Query: <\/strong>OilDowntimeByReason<\/li>\n<li><strong>Filter Column: <\/strong>DowntimeReason<\/li>\n<li><strong>Filter Value: <\/strong>No Truck<\/li>\n<li><strong>Value Column: <\/strong>SumDowntimeHours<\/li>\n<li><strong>EndDate: <\/strong>04\/30\/2016<\/li>\n<li><strong>Entities List: <\/strong>Brumby, Big Red, Archer<\/li>\n<li><strong>StartDate: <\/strong>04\/01\/2016<\/li>\n<\/ul>\n<p class=\"left-bar-blue\"><i class=\"fa fa-book fa-2x fa-pull-left\"><\/i> Read <a href=\"#Supplementary_Dataset_Query_Syntax\">Supplementary: Dataset Query Syntax<\/a> to see how the <em>OilDowntimeByReason<\/em> query looks in Server.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18879 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2.png\" width=\"347\" height=\"615\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2.png 347w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2-85x150.png 85w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2-14x24.png 14w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2-20x36.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-2-27x48.png 27w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>3. Configure the Decimals: <\/strong>We're going to configure to three decimal places.<\/p>\n<p class=\"note\"><strong>Note: <\/strong>If decimal places are un-configured, the default is 2. If the data comes from a tag, and this has a configured decimal value, then this overrides the default.<\/p>\n<p class=\"intro-text\">Follow the instructions in the <a title=\"Using Dataset Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/\">Data Selector<\/a> article, in the section: <em>Using Dataset Data<\/em>.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18883 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3.png\" width=\"347\" height=\"255\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3.png 347w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3-150x110.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Tut-2-Step-3-48x35.png 48w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>4. Update the Style: <\/strong>The data label has a default style. To choose another style, click the <strong>Style<\/strong> drop-down list, and click on the style you want.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22641 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places.png\" width=\"346\" height=\"247\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places.png 346w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places-150x107.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/THree-decimal-places-48x34.png 48w\" sizes=\"auto, (max-width: 346px) 100vw, 346px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>That's all - your data label is configured.<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22642 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label.png\" width=\"718\" height=\"252\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label.png 718w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label-150x53.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Preview-of-Data-Label-48x17.png 48w\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial 3: Configuring a Templated Calculation<\/h2>\n<p class=\"intro-text\">In this tutorial, we'll drop a data label component onto a page, and then configure it to show data using a templated calculation. We'll also add an entity selector, for updating the <strong>Entity Context<\/strong> in the data label's calculation.<\/p>\n<p class=\"left-bar-blue\">Note that there are other data options available. See: <a title=\"Options for Configuring a Data Label Component\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/#Options_for_Configuring_a_Data_Label_Component\">Options for Configuring a Data Label Component<\/a>.<\/p>\n<p class=\"left-bar\"><strong>Note: <\/strong>Before you start the tutorial, <a title=\"Preparing an Explorer page for Tutorials\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/preparing-an-explorer-studio-page-for-a-tutorial\/\">prepare a page in Studio.<\/a> Or use the same page that you used in Tutorials 1 and 2.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22349\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial.png\" width=\"600\" height=\"372\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial.png 1107w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial-768x477.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial-150x93.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Prep-for-Tutorial-48x30.png 48w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>1. Add an Entity Selector: <\/strong>Drag and drop an <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">Entity Selector<\/a> component onto a grid cell.<\/p>\n<p class=\"intro-text\"><strong>2. Configure the Entity Selector: <\/strong><\/p>\n<ul class=\"intro-text\">\n<li><strong>Select Mode<\/strong>: Single<\/li>\n<li><strong>Selected Entity<\/strong>: Selected Entity<\/li>\n<li><strong>Hierarchy Name<\/strong> (<em>Hierarchy<\/em>): Test Time Series Hierarchy<\/li>\n<li><strong>Template Filter<\/strong> (<em>Text<\/em>): Oil Producing Well<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22351\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector.png\" width=\"600\" height=\"378\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector.png 919w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector-768x484.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector-150x95.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Entity-Selector-48x30.png 48w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>3. Add a Data Label: <\/strong>Drag and drop a Data Label component onto a grid cell. The Data Label is in the Display <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" rel=\"lightbox[1429] lightbox-7\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-async=\"false\" data-slimstat-callback=\"false\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1844\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" alt=\"Display group icon\" width=\"22\" height=\"13\" \/><\/a> group.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22352\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity.png\" width=\"900\" height=\"323\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity.png 1272w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity-768x276.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-label-next-to-entity-48x17.png 48w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>4. Configure the Data: <\/strong>In this example, we'll configure the data label to show a <em>templated calculation<\/em> value. This is an <em>Ad Hoc Calculation<\/em> which uses an entity variable.<\/p>\n<p class=\"note\">Follow the instructions in the <a title=\"Using Dataset Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/\">Data Selector<\/a> article, in the section: <em>Using Adhoc Calculation Data<\/em>.<\/p>\n<p class=\"intro-text\">In the <strong>Value<\/strong> edit box, click and select the <strong>Ad Hoc Calculation<\/strong> option.<\/p>\n<p class=\"intro-text\">In the <strong>Ad Hoc Calulation <\/strong> editor, configure the calculation:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Calculation: <\/strong>Type <em>{entity[Oil Producing Well]:Tubing Head Pressure!Actual} * 2<\/em><\/li>\n<li><strong>Sample Method: <\/strong>Select <em>PageSampleMethod<\/em> from the variables drop-down list<\/li>\n<li><strong>Sample Interval: <\/strong>Select <em>PageSampleInterval<\/em> from the variables drop-down list<\/li>\n<li><strong>Time: <\/strong>Select <em>endTime<\/em> from the variables drop-down list<\/li>\n<li><strong>Item: <\/strong>Select <em>Value<\/em> from the drop-down list<\/li>\n<li><strong>Entity Context: <\/strong> Select <em>selectedEntity<\/em> from the variables drop-down list<\/li>\n<\/ul>\n<p class=\"note\"><strong>Note<\/strong> that the <em>entity<\/em> keyword has been used in the calculation. This is set by the <strong>Entity Context<\/strong> variable.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22354 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc.png\" width=\"338\" height=\"459\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc.png 338w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc-110x150.png 110w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Using-Calc-35x48.png 35w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/a><\/p>\n<h3>Try out the New Component<\/h3>\n<p class=\"intro-text\">First, let's see what data is being used in the calculation.<\/p>\n<p class=\"intro-text\">Each template calculation uses the <em>entity<\/em> keyword, followed by a template name and an attribute value. This is then incorporated in the calculation.<\/p>\n<ul>\n<li class=\"intro-text\"><strong>entity<\/strong>: the entity selected from the <em>entity selector<\/em> on the page.<\/li>\n<li class=\"intro-text\"><strong>Template<\/strong>: [Oil Producing Well]<\/li>\n<li class=\"intro-text\"><strong>Attribute Value<\/strong>: Tubing Head Pressure!Actual<\/li>\n<\/ul>\n<p class=\"intro-text\">The keyword <em>entity<\/em> is substituted by the value of the chosen <strong>Entity Context<\/strong> variable, during run-time.<\/p>\n<p class=\"intro-text\">In this tutorial, we've selected <em>selectedEntity<\/em> for our <strong>Entity Context<\/strong>.<\/p>\n<p class=\"intro-text\">This variable is updated when the end user selects an entity from the entity selector on the page. The selected entity's attribute value is used in the calculation.<\/p>\n<p class=\"note\"><strong>Note<\/strong> that we have already filtered the entity selector to use entities with the <strong>Oil Producing Well<\/strong> template, which means that any entity you click will work for the calculation.<\/p>\n<ul>\n<li class=\"intro-text\">Click the Preview <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2896\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/><\/a> button on the Studio toolbar to see what your page will look like in run-time.<\/li>\n<li class=\"intro-text\">Click an entity in the entity selector (for example, <em>Earl<\/em>).<\/li>\n<li class=\"intro-text\">Now click another entity (for example, <em>Beardy<\/em>).<\/li>\n<\/ul>\n<p class=\"note\"><strong>Note<\/strong> how the data updates when you select a different entity from the entity selector.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Options for Configuring a Data Label Component<\/h2>\n<p class=\"intro-text\">There are five separate categories of data that you can select for your data label <em>Value<\/em>. Likewise, you can configure <em>Decimals<\/em> to use any of the five categories.<\/p>\n<p class=\"intro-text\">Here is the full reference (including the categories already covered in this tutorial) to the different data categories you can choose, for either of these properties of the data label component.<\/p>\n<p class=\"left-bar\"><strong>Important Note: <\/strong>You can tab through the different data categories, to configure them. The one that is selected when you save the page remains the configured option. Any other configurations will be lost.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro.png\" rel=\"lightbox-19\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18897 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro.png\" width=\"357\" height=\"214\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro.png 357w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro-150x90.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Data-Label-Data-Selector-Intro-48x29.png 48w\" sizes=\"auto, (max-width: 357px) 100vw, 357px\" \/><\/a><\/p>\n<table>\n<tbody>\n<tr style=\"border: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\" width=\"550\"><strong>Design Mode<\/strong><\/td>\n<td width=\"550\"> <\/td>\n<td width=\"550\"> <\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\" width=\"350\"><strong>Run Mode<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\"><strong>Select a Data Category<\/strong><\/td>\n<td><strong>See How<\/strong><\/td>\n<td><strong>The Configured Data Label's Value<\/strong><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><strong>In Run Mode, Click then Hover over the Data Label<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n                <strong>Dataset Column:<\/strong> Configure your data label's <em>Value<\/em> to use a column from a dataset.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9576 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Dataset-Icon.png\" alt=\"\" width=\"20\" height=\"20\" \/><\/p>\n<\/td>\n<td><a title=\"Using Dataset Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/#Using_Dataset_Data\">Using Dataset Data<\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22646 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design.png\" width=\"354\" height=\"242\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design.png 354w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design-150x103.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-in-Design-48x33.png 48w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset.png\" rel=\"lightbox-21\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22645 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset.png\" width=\"300\" height=\"114\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset.png 300w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Dataset-48x18.png 48w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n                <strong>Ad hoc Calculation:<\/strong> Configure your data label's <em>Value<\/em> to use an ad hoc calculation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9575 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Ad-Hoc-Calc-Icon.png\" alt=\"\" width=\"20\" height=\"20\" \/><\/p>\n<\/td>\n<td><a title=\"Using Ad hoc Calculation Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/#Using_Ad_hoc_Calculation_Data\">Using Ad hoc Calculation Data<\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design.png\" rel=\"lightbox-22\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22648 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design.png\" width=\"352\" height=\"237\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design.png 352w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design-150x101.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Calc-in-Design-48x32.png 48w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label.png\" rel=\"lightbox-23\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22649 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label.png\" width=\"183\" height=\"183\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label.png 183w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label-150x150.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Calculation-Data-Label-48x48.png 48w\" sizes=\"auto, (max-width: 183px) 100vw, 183px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n                <strong>Attribute:<\/strong> Configure your data label's <em>Value<\/em> to use an attribute.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18892 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Attribute-Icon.png\" width=\"20\" height=\"19\" \/><\/p>\n<\/td>\n<td><a title=\"Using Attribute Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/#Using_Attribute_Data\">Using Attribute Data<\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design.png\" rel=\"lightbox-24\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22647 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design.png\" width=\"349\" height=\"243\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design.png 349w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design-150x104.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Attribute-in-Design-48x33.png 48w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label.png\" rel=\"lightbox-25\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22650 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label.png\" width=\"267\" height=\"193\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label.png 267w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label-150x108.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Attribute-Label-48x35.png 48w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n                <strong>Tag:<\/strong> Configure your data label's <em>Value<\/em> to use a tag.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9573 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/tag-Icon.png\" alt=\"\" width=\"20\" height=\"20\" \/><\/p>\n<\/td>\n<td><a title=\"Using Tag Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer \/explorer-studio\/data-selector\/#Using_Tag_Data\">Using Tag Data<\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design.png\" rel=\"lightbox-26\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22654 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design.png\" width=\"363\" height=\"245\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design.png 363w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design-150x101.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-in-Design-48x32.png 48w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag.png\" rel=\"lightbox-27\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22653 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag.png\" width=\"254\" height=\"186\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag.png 254w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-150x110.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-252x186.png 252w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Tag-48x35.png 48w\" sizes=\"auto, (max-width: 254px) 100vw, 254px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n                <strong>Value:<\/strong> Configure your data label's <em>Value<\/em> to use a value.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9572 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/02\/Value-Icon.png\" alt=\"\" width=\"20\" height=\"20\" \/><\/p>\n<\/td>\n<td><a title=\"Using Value Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/#Using_Value_Data\">Using Value Data<\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2.png\" rel=\"lightbox-28\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22656 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2.png\" width=\"358\" height=\"243\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2.png 358w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2-150x102.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-in-Design-2-48x33.png 48w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value.png\" rel=\"lightbox-29\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22652 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value.png\" width=\"143\" height=\"112\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value.png 143w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-36x28.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/11\/Data-Label-Value-48x38.png 48w\" sizes=\"auto, (max-width: 143px) 100vw, 143px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Supplementary: Dataset Query Syntax<\/h2>\n<p class=\"intro-text\">This is the syntax of the query on P2 Server, that is used in Tutorial 2: <em>OilDowntimeByReason<\/em>.<\/p>\n<pre>select sum(downtimehours) as SumDowntimeHours, \r\n            downtimereason\r\n       from sampledata\r\n      where startdate between PARAM(StartDate, datetime) and PARAM(EndDate, datetime)\r\n        and entity in (PARAMS(EntitiesList, entity))\r\n      group by downtimereason<\/pre>\n<p>&nbsp;<\/p>\n<p class=\"left-bar\">For more information, read this Server article on how to <a title=\"How to Write a dataset Query\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/connecting-your-data\/creating-a-dataset-datasource\/how-to-write-a-dataset-query\/\">write a dataset query.<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"overview\">\n<li>\n        Data Label 4.4.5 (this release):<\/p>\n<ul class=\"overview\">\n<li>The Ad Hoc Calculation editor has an additional option, for configuring an entity variable, called <strong>Entity Context.<\/strong> This article contains a <a href=\"#Tutorial_3_Configuring_a_Templated_Calculation\">tutorial<\/a> showing how to use Entity Context for configuring templated calculations.<\/li>\n<li>Tags can have units configured and stored in P2 Server. These can be displayed in the Data Label, using the new <strong>Units Location<\/strong> property.<\/li>\n<li>Tag decimals are configured and stored in P2 Server, which means they don't need to be configured for the component.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul class=\"intro-text\">\n<li class=\"intro-text\">Data Label 4.4<\/li>\n<li class=\"intro-text\">Data Label 4.3.2<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Data Label displays a single value. It is one of the most useful of Explorer\u2019s components, as it is used to show time-aware tag and attribute values on Explorer pages, with quick access to trending and point detail. The data label can also be used to display a column value from a relational dataset, an ad-hoc calculation, or a plain value. This article describes how to configure a data label, and applies to versions 4.4.5 and later of P2 Explorer.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-4-5\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":22644,"parent":32239,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[30],"class_list":["post-22323","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-labels","Version-4-5-3","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/22323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=22323"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/22323\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/32239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/22644"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=22323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=22323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=22323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}