{"id":54702,"date":"2022-05-11T11:33:49","date_gmt":"2022-05-11T03:33:49","guid":{"rendered":"https:\/\/oihelp.corporate.ifs.com\/help\/?page_id=54702"},"modified":"2022-05-12T15:05:37","modified_gmt":"2022-05-12T07:05:37","slug":"using-an-embedded-trend-4-5-5","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-an-embedded-trend\/using-an-embedded-trend-4-5-5\/","title":{"rendered":"Using an Embedded Trend (4.5.5)"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to version 4.5.5 of P2 Explorer. For the latest help, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-an-embedded-trend\/\">Using an Embedded Trend<\/a>.<\/p>\n<p class=\"overview\">The Embedded Trend component is used to embed a simplified trend within an Explorer page, and is used for quick and simple diagnostics of time series data.<\/p>\n<p class=\"intro-text\">With an embedded trend, you can:<\/p>\n<ul class=\"intro-text\">\n<li>Drag and drop time series data labels from the page onto the embedded trend.<\/li>\n<li>Drag and drop tags and attributes from the Navigators onto the embedded trend.<\/li>\n<li>Add hairlines to see more detailed information.<\/li>\n<li>Add comments to tags at a point in time.<\/li>\n<li>Right-click on the embedded trend to open a full Trend display.<\/li>\n<\/ul>\n<p class=\"left-bar-blue\"><i class=\"fa fa-eye fa-2x fa-pull-left\"><\/i> Watch this short video [1:18] to see how to add data to an embedded trend.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1932937656\" class=\"video-js vjs-default-skin\" width=\"890\" height=\"870\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/embeddedTrendVideo454.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\">Identifying an Embedded Trend<\/h2>\n<p class=\"intro-text\">The embedded trend can be configured to show trace items on the trend, or it can be empty when the page is loaded.\u00a0<\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><strong><em>With trace items configured during page design:<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35628\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1.png\" alt=\"\" width=\"532\" height=\"201\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1.png 532w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-default1-48x18.png 48w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<\/td>\n<td>\n<p><strong><em>Without pre-configured trace items:<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35625 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1.png\" alt=\"\" width=\"532\" height=\"201\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1.png 532w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-no-trace1-48x18.png 48w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">Here are some examples of how the embedded trend can appear on a page, depending on how it was configured during page design.<\/p>\n<table width=\"900\">\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 10px;\" width=\"450\">\n<p><strong>Configured for Dual Hairlines<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36761\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline.png\" alt=\"\" width=\"394\" height=\"230\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline.png 394w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline-150x88.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-dual-hairline-48x28.png 48w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/a><\/p>\n<\/td>\n<td>&nbsp;<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n<p><strong>Legend<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35616\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend.png\" alt=\"\" width=\"513\" height=\"197\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend.png 513w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend-150x58.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-legend-48x18.png 48w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/a><\/p>\n<p><em>Note: Tags added during page design appear in the legend in the order they were added to the component. Tags that are added in display mode appear at the end of the legend items.<\/em><\/p>\n<\/td>\n<td style=\"padding-left: 10px;\">\n<p><strong>No Legend<\/strong><\/p>\n<p><strong><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26304\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2.png\" alt=\"\" width=\"450\" height=\"171\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2.png 496w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-2-48x18.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n<p><strong>No X-Axis<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26305\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3.png\" alt=\"\" width=\"450\" height=\"173\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3.png 513w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3-150x58.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-3-48x18.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<\/td>\n<td style=\"padding-left: 10px;\">\n<p><strong>No Y-Axis<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26306\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4.png\" alt=\"\" width=\"450\" height=\"166\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4.png 488w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4-150x55.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Embedded-Trend-4-48x18.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 10px;\">\n<p><strong>With Auto Range<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26512\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On.png\" alt=\"\" width=\"450\" height=\"232\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On.png 519w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-On-48x25.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<\/td>\n<td style=\"padding-left: 10px;\">\n<p><strong>Without Auto Range<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26511\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off.png\" alt=\"\" width=\"450\" height=\"226\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off.png 503w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off-150x75.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/Auto-Range-Off-48x24.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Adding Values<\/h2>\n<p class=\"intro-text\">You can add time series data to an embedded trend from a data label on the same page or a different page, from the Tags Navigator, or from the Hierarchy Navigator.<\/p>\n<h3>From the Navigators<\/h3>\n<p class=\"intro-text\">You can drag and drop attributes from the Attribute Panel (accessed via the Hierarchy Navigator) and tags from the Tags Navigator onto the embedded trend.<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-getting-started\/tag-search-and-hierarchy-navigation\/\">Tag Search and Hierarchy Navigation<\/a><\/p>\n<p class=\"intro-text\">1. On the Page ribbon tab, click <strong>Hierarchy<\/strong> to open the Hierarchy Navigator.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26230 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738.png\" alt=\"\" width=\"740\" height=\"143\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738.png 740w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738-150x29.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Open-the-hierarchy-Navigator-e1516077757738-48x9.png 48w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/a><\/p>\n<p class=\"intro-text\">2. Select a hierarchy, and then select an entity.<\/p>\n<p class=\"intro-text\">3. Open the Attributes Panel, by clicking <strong>Show Attributes<\/strong> (the label changes to <strong>Hide Attributes<\/strong>).<\/p>\n<p class=\"intro-text\">4. Hover over the page you want to add to, to give it focus.\u00a0<\/p>\n<p class=\"intro-text\">5. Drag and drop an attribute value onto the embedded trend.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35633\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute.png\" alt=\"\" width=\"1151\" height=\"496\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute.png 1151w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-768x331.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-150x65.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-48x21.png 48w\" sizes=\"auto, (max-width: 1151px) 100vw, 1151px\" \/><\/a><\/p>\n<p class=\"intro-text\">The attribute panel closes, and the attribute value appears on the embedded trend.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35634\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop.png\" alt=\"\" width=\"1140\" height=\"568\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop.png 1140w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop-768x383.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop-150x75.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-drag-attribute-drop-48x24.png 48w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/a><\/p>\n<p class=\"note\">Using the same method, you can also add a tag: open the Tags Navigator, search for a tag, hover to give a page focus, then drag and drop the tag onto the embedded trend.<\/p>\n<h3>From Data Labels<\/h3>\n<p class=\"intro-text\">You can add a data label's value onto the embedded trend, if the value is a tag or an attribute.<\/p>\n<p class=\"intro-text\">Simply drag and drop the data label onto the embedded trend, and the value is added as a trace line:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label.gif\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35637\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label.gif\" alt=\"\" width=\"803\" height=\"383\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label.gif 803w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label-768x366.gif 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label-150x72.gif 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label-24x11.gif 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label-36x17.gif 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-data-label-48x23.gif 48w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Removing Values<\/h2>\n<p class=\"intro-text\">If the legend is shown, you can remove a value from an embedded trend by clicking the little <strong>X<\/strong>\u00a0icon that is displayed next to values that may be removed.<\/p>\n<p class=\"note\">Note: Values added during page design are unable to be removed, and do not show the remove icon.\u00a0<\/p>\n<p class=\"intro-text\">To remove all added data, click <strong>Reload<\/strong> on the Page ribbon tab.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35640\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove.png\" alt=\"\" width=\"526\" height=\"321\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove.png 526w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove-150x92.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-remove-48x29.png 48w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Opening a Full Trend<\/h2>\n<p class=\"intro-text\">To open a full trend from the embedded trend, right-click on the embedded trend, and then click <strong>Open Trend<\/strong>.<\/p>\n<p class=\"intro-text\">All of the traces on the embedded trend will appear in a\u00a0<strong>New Trend<\/strong> tab.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35646 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1.png\" alt=\"\" width=\"541\" height=\"197\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1.png 541w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1-150x55.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/embed-trend-open1-48x17.png 48w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Comments<\/h2>\n<p class=\"intro-text\">A comment icon will appear on the embedded trend if the trace items have comments against them, during the time range along the x-axis.<\/p>\n<p class=\"intro-text\">To view the comments at a point in time, click the comments icon at the top of the trend. The comments will appear in a window on the right of the page.<\/p>\n<p class=\"intro-text\">Comments for a specific trace item can also be accessed from a hairline, if this is enabled (see below).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36763\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments.png\" alt=\"\" width=\"398\" height=\"209\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments.png 398w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments-150x79.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-comments-48x25.png 48w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/comments\/\">Using Comments for Collaboration<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Hairlines<\/h2>\n<p class=\"intro-text\">If the embedded trend has been configured to add hairlines, you can add as many hairlines as the configuration allows.<\/p>\n<p class=\"intro-text\">The hairline shows the timestamp of the data point, the current value of the traces, the names of the traces, and allows you to view and add comments.<\/p>\n<ul class=\"intro-text\">\n<li>To add a hairline, click a point on the trace.<\/li>\n<li>To view the comments for a trace item, click the relevant comment icon in the information box.<\/li>\n<\/ul>\n<p class=\"left-bar-blue\"><i class=\"fa fa-eye fa-2x fa-pull-left\"><\/i> Watch the following short video [0:35] to see how to add a hairline and view comments.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1093848007\" class=\"video-js vjs-default-skin\" width=\"1044\" height=\"376\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/EmbeddedTrendComments455.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<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/\">Hairlines<\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Selecting a Y-Axis<\/h2>\n<p class=\"intro-text\">The embedded trend uses a single y-axis on the left, which changes colour to reflect the trace that has been selected. Each trace item is plotted against its own y-axis, but only one axis is displayed.\u00a0<\/p>\n<p class=\"intro-text\">To show the y-axis for a specific trace item, click the legend for that item.<\/p>\n<p class=\"left-bar-blue\"><i class=\"fa fa-eye fa-2x fa-pull-left\"><\/i> Watch the following short video [0:10] to see how to change what is shown on the y-axis.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_191872609\" class=\"video-js vjs-default-skin\" width=\"752\" height=\"474\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/ChangingYAxis.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\">Changing the Time Range<\/h2>\n<p class=\"intro-text\">The time range on an embedded trend is displayed along the x-axis.<\/p>\n<p class=\"intro-text\">To change the time range, hover over the embedded trend and click the left or right arrow, to move to an earlier time range (left) or a later time range (right).<\/p>\n<p class=\"intro-text\">Depending on your page configuration, the embedded trend may also be set up to use <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-time-pickers\/\">time pickers<\/a>\u00a0to control the start and end of the time range.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36766\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll.png\" alt=\"\" width=\"427\" height=\"246\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll.png 427w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll-150x86.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/embedded-trend-455-scroll-48x28.png 48w\" sizes=\"auto, (max-width: 427px) 100vw, 427px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Changing the Sample Interval and Sample Method<\/h2>\n<p class=\"intro-text\">You can only change the sample interval and the sample method if the embedded trend is configured to work with interactive controls, such as a combo box.<\/p>\n<p class=\"note\">Note: The shorter your <em>sample interval<\/em> (for example 5 seconds) the more data required, potentially affecting performance. The\u00a0<em>Raw<\/em> sample method will usually return the highest number of data points, which also potentially affects performance.<\/p>\n<p class=\"left-bar-blue\"><i class=\"fa fa-eye fa-2x fa-pull-left\"><\/i> Watch the following short video [0:21] to see how you can change the sample method and sample interval using combo boxes.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_737260650\" class=\"video-js vjs-default-skin\" width=\"914\" height=\"572\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/ChangingIntervalAndMethod.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<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li class=\"overview\">Using an Embedded Trend 4.5.5 (this release)\n<ul class=\"overview\">\n<li>Hairline format has changed.<\/li>\n<li>Comments indicator has changed.<\/li>\n<li>Values added during page design appear in the legend in the order they were added to the component. Values that are added in display mode appear at the end of the legend items.<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-an-embedded-trend\/using-an-embedded-trend-4-5-4\/\">Using an Embedded Trend 4.5.4<\/a>\n<ul class=\"intro-text\">\n<li>You can now drag a data label from another page onto the embedded trend<\/li>\n<li>Labels for ad hoc calculations can be dragged onto an embedded trend (as well as for Tags and Attributes)<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-an-embedded-trend\/using-an-embedded-trend-4-5\/\">Using an Embedded Trend 4.5.0<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add data to an embedded trend on an Explorer page, and how to manipulate the embedded trend.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-an-embedded-trend\/using-an-embedded-trend-4-5-5\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":29,"featured_media":35584,"parent":34164,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[576,316],"class_list":["post-54702","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-embedded-trend","tag-trends","Version-4-5-5","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/54702","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\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=54702"}],"version-history":[{"count":3,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/54702\/revisions"}],"predecessor-version":[{"id":54785,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/54702\/revisions\/54785"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/35584"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=54702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=54702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=54702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}