{"id":32239,"date":"2018-03-01T11:55:57","date_gmt":"2018-03-01T03:55:57","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=32239"},"modified":"2024-10-09T12:54:36","modified_gmt":"2024-10-09T04:54:36","slug":"data-label","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/","title":{"rendered":"Data Label"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to <strong>versions 4.5.3<\/strong> and later of IFS OI Explorer. See <a href=\"#Release_History\">Release History<\/a> for more.<\/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\"><strong>Options for Configuring a Data Label Component<\/strong><\/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=\"intro-text\">The diagram below shows a configured data label on a precision layout, in Studio mode.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32246 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout.png\" alt=\"\" width=\"568\" height=\"452\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout.png 568w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout-150x119.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout-36x29.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-in-Precision-Layout-48x38.png 48w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/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, or hidden (select <em>None).<\/em><\/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\/explorer-styles\/styling-displays\/\">Data Label style<\/a>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Alignment<\/strong><\/td>\n<td>You can override the style's alignment by clicking on one of the other boxes (style's alignment is outlined in blue; overriding alignment is filled in).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"no-toc-heading\">Tooltip<\/p>\n<p class=\"intro-text\">Hover over the Data label to read the tooltip.\u00a0The tooltip shows the data label\u2019s data definition which could be a tag name, a fully qualified attribute name, an ad hoc calculation, or a dataset query name with value column name.\u00a0Data labels for tags and attributes show units (where available), as well the description.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32249 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip.png\" alt=\"\" width=\"275\" height=\"126\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip.png 275w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip-150x69.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Data-Label-Tooltip-48x22.png 48w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n<p class=\"no-toc-heading\">Right-click Menu Options<\/p>\n<p class=\"intro-text\">And this is how the same data label looks in display mode 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\/2017\/10\/right-click-menu-options.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32253 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options.png\" alt=\"\" width=\"236\" height=\"128\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options.png 236w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options-150x81.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/right-click-menu-options-48x26.png 48w\" sizes=\"auto, (max-width: 236px) 100vw, 236px\" \/><\/a><\/p>\n<ul class=\"intro-text\">\n<li>Open Value Trend <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32256 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/OPen-Trend.png\" alt=\"\" width=\"20\" height=\"15\" \/><\/li>\n<li>Open Value Detail <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32255 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Open-Detail.png\" alt=\"\" width=\"20\" height=\"15\" \/><\/li>\n<li>Write Value <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32257 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Write-Value.png\" alt=\"\" width=\"20\" height=\"15\" \/><\/li>\n<\/ul>\n<p class=\"note\"><strong>Note: <\/strong>If the data label's value is a tag or calculation that has a digital state set assigned, the corresponding digital state pair's Name is used instead of the Value, if there is a match. <br \/>\nNo changes to the Data Label's configuration are required. Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/explorers-data\/#Digital_State_Sets\">Digital State Sets<\/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\/explorer-styles\/styling-displays\/\">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 drop first a tag, and then an attribute value onto the page.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1526976079\" class=\"video-js vjs-default-skin\" width=\"882\" height=\"618\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/TagsAndAttributes.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<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-13\"><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<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<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\">\u00a0<\/td>\n<td width=\"550\">\u00a0<\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\" width=\"350\"><strong>Display 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 Display Mode, hover over the Data Label<\/strong><\/td>\n<\/tr>\n<tr style=\"border-top: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\"><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\/2017\/10\/Studio-1-1.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32296 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1.png\" alt=\"\" width=\"365\" height=\"237\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1.png 365w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1-150x97.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-1-1-48x31.png 48w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32289 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1.png\" alt=\"\" width=\"333\" height=\"101\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1.png 333w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1-150x45.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-1-1-48x15.png 48w\" sizes=\"auto, (max-width: 333px) 100vw, 333px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\"><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\/2017\/10\/Studio-5-1.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32300 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1.png\" alt=\"\" width=\"361\" height=\"224\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1.png 361w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1-150x93.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-5-1-48x30.png 48w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32293 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1.png\" alt=\"\" width=\"377\" height=\"94\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1.png 377w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1-150x37.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-5-1-48x12.png 48w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><\/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;\"><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\/2017\/10\/Studio-2-1.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32297 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1.png\" alt=\"\" width=\"361\" height=\"228\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1.png 361w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1-150x95.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-2-1-48x30.png 48w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1.png\" rel=\"lightbox-19\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32290 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1.png\" alt=\"\" width=\"321\" height=\"106\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1.png 321w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1-150x50.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-2-1-48x16.png 48w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\"><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\/2017\/10\/Studio-3-1.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32298 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1.png\" alt=\"\" width=\"359\" height=\"226\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1.png 359w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1-150x94.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-3-1-48x30.png 48w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1.png\" rel=\"lightbox-21\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32291 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1.png\" alt=\"\" width=\"280\" height=\"117\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1.png 280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1-150x63.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1-36x15.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-3-1-48x20.png 48w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">Here the tag has a digital state set assigned, and the corresponding Name is shown, instead of the Value<\/td>\n<td>&nbsp;<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1.png\" rel=\"lightbox-22\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32299 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1.png\" alt=\"\" width=\"359\" height=\"226\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1.png 359w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1-150x94.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-4-1-48x30.png 48w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1.png\" rel=\"lightbox-23\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32292 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1.png\" alt=\"\" width=\"270\" height=\"103\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1.png 270w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-4-1-48x18.png 48w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border-top: 1px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\"><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\/2017\/10\/Studio-7-1.png\" rel=\"lightbox-24\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32302 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1.png\" alt=\"\" width=\"360\" height=\"254\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1.png 360w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1-150x106.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-7-1-48x34.png 48w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/td>\n<td style=\"padding-left: 10px; border-left: 2px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1.png\" rel=\"lightbox-25\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32295 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1.png\" alt=\"\" width=\"246\" height=\"84\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1.png 246w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1-150x51.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-7-1-48x16.png 48w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">Here the value is text.<\/td>\n<td>&nbsp;<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6.png\" rel=\"lightbox-26\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32303 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6.png\" alt=\"\" width=\"352\" height=\"226\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6.png 352w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6-150x96.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Studio-6-48x31.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\/2017\/10\/Display-Mode-6-1.png\" rel=\"lightbox-27\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-32294 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1.png\" alt=\"\" width=\"225\" height=\"70\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1.png 225w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1-150x47.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/Display-Mode-6-1-48x15.png 48w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/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 IFS OI 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=\"intro-text\">\n<li class=\"overview\">Data Label 4.5.3 (this release)\n<ul class=\"overview\">\n<li>If the data label's value is a tag or calculation that has a digital state set assigned, the matching digital state pair's <em>Name<\/em> is used instead of the <em>Value<\/em> if there is a match. No changes to the Data Label's configuration are required.<\/li>\n<li>The data label's tooltip has changed; it now shows the data label\u2019s data definition which could be a tag name, a fully qualified attribute name, an ad hoc calculation, or a dataset query name with value column name. Data labels for tags and attributes show units (where available), as well the description.<\/li>\n<\/ul>\n<\/li>\n<li>Data Label 4.5.2:\n<ul class=\"intro-text\">\n<li>The alignment that is based on the allocated style can be overridden with the new <strong>Alignment<\/strong> property.<\/li>\n<\/ul>\n<\/li>\n<li><a title=\"Data Label (4.4.5)\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-4-5\/\">Data Label 4.4.5<\/a>\n<ul class=\"intro-text\">\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=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-4-5\/#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 IFS OI 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 IFS OI 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\"><a title=\"Data Label (4.4)\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-4\/\">Data Label 4.4<\/a><\/li>\n<li class=\"intro-text\"><a title=\"Data Label (4.3.2)\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/data-label-4-3-2\/\">Data Label 4.3.2<\/a><\/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.5.3 and later of IFS OI 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\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":32243,"parent":1407,"menu_order":124,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[30],"class_list":["post-32239","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\/32239","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=32239"}],"version-history":[{"count":3,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/32239\/revisions"}],"predecessor-version":[{"id":67015,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/32239\/revisions\/67015"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/32243"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=32239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=32239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=32239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}