{"id":38779,"date":"2025-07-08T11:30:19","date_gmt":"2025-07-08T03:30:19","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=38779"},"modified":"2025-12-08T13:40:18","modified_gmt":"2025-12-08T05:40:18","slug":"hairlines","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/","title":{"rendered":"Hairlines"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to version 4.18 and later of IFS OI Explorer. For help on earlier versions, see <a href=\"#Release_History\">Release History<\/a>.<\/p>\n<p class=\"intro-text\">The hairline allows you to see the data values on a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/charts\/\">chart<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/embedded-trend\/\">embedded trend<\/a> or <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/creating-a-trend\/\">trend<\/a>, at a particular point in time.<\/p>\n<h2 class=\"page-subheading\">Hairline Features<\/h2>\n<p class=\"intro-text\">The hairline can show:<\/p>\n<ul class=\"intro-text\">\n<li>The timestamp of the data point<\/li>\n<li>The current value of the trace or series<\/li>\n<li>The name of the trace or series<\/li>\n<li>The difference between hairline values (for two or more hairlines)<\/li>\n<li>Comments button<\/li>\n<li>Time Windows button (only available on a trend hairline)<\/li>\n<li>Case button (only displayed when the trace is of an entity)<\/li>\n<\/ul>\n<p class=\"note\">Note that hairlines can be configured to hide some of these items (see <a href=\"#Hairline_Display_Options\">Hairline Display Options<\/a>).<\/p>\n<p class=\"intro-text\"><em>A hairline:<\/em><\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 172px;\">\n<tbody>\n<tr style=\"height: 172px;\">\n<td style=\"width: 40%; height: 172px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-2025-06-23-094029.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70343\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/parts-of-hairline.png\" alt=\"\" width=\"198\" height=\"199\" \/><\/a><\/td>\n<td style=\"width: 70%; height: 172px;\">\n<table style=\"border-collapse: collapse; border: 1px solid #cccccc; width: 101.876%; height: 186px;\">\n<tbody>\n<tr style=\"height: 26px;\">\n<td style=\"width: 100%; text-align: left; height: 26px;\"><strong>1.<\/strong> Time stamp - time at which the hairline intersects the data point<\/td>\n<\/tr>\n<tr style=\"height: 52px;\">\n<td style=\"width: 100%; text-align: left; height: 52px;\"><strong>2.\u00a0 <\/strong>Pill - hairline information selected in the configuration; the background color matches the trace\/series color<\/td>\n<\/tr>\n<tr style=\"height: 26px;\">\n<td style=\"width: 100%; text-align: left; height: 26px;\"><strong>3.\u00a0 <\/strong>Hairline<\/td>\n<\/tr>\n<tr style=\"height: 52px;\">\n<td style=\"width: 100%; text-align: left; height: 31px;\"><strong>4.\u00a0 <\/strong>Pill (Expanded) - additional information is available on hover<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\"><em>A hairline pill:<\/em><\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 40%;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-pill-3.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70372 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-pill-3.png\" alt=\"\" width=\"281\" height=\"153\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-pill-3.png 281w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-pill-3-150x82.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-pill-3-48x26.png 48w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/a><\/td>\n<td style=\"width: 702%;\">\n<table style=\"border-collapse: collapse; border: 1px solid #cccccc; width: 100.163%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><strong>1.\u00a0<\/strong> Value - numerical value of the data at the hairline\u2019s position<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>2.<\/strong>\u00a0 Value difference<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>3.<\/strong>\u00a0 Time Windows - opens the time windows panel<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>4.<\/strong>\u00a0 Comments - opens the explore panel comments view<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>5.<\/strong>\u00a0 Case Button - opens a new case entry dialog\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>6.<\/strong>\u00a0 Name - name of the tag, attribute, or calculation associated with the data point<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Hairline Display Options<\/h3>\n<p class=\"intro-text\">By selecting different configuration options in Trends, Embedded Trends and Charts, you can determine what is displayed on the hairline pill.<\/p>\n<h4><strong>Trends<\/strong><\/h4>\n<p class=\"intro-text\">Use the Hairline view option in trend toolbar to configure what appears in the trend hairline pill.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70486\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png\" alt=\"\" width=\"153\" height=\"165\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png 213w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend-139x150.png 139w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend-44x48.png 44w\" sizes=\"auto, (max-width: 153px) 100vw, 153px\" \/><\/a><\/p>\n<p class=\"intro-text\">From the dropdown, select which data (Timestamp, Value, Name) to be displayed.<\/p>\n<ul class=\"intro-text\">\n<li><strong>Timestamp: <\/strong>time at which the hairline intersects the data point.<\/li>\n<li><strong>Value:<\/strong>\u00a0numerical value of the data at the hairline\u2019s position.<\/li>\n<li><strong>Name:<\/strong>\u00a0name of the tag, attribute, or calculation associated with the data point.<\/li>\n<\/ul>\n<p class=\"intro-text\">The on-hover behavior continues to display the tag, attribute, or calculation name, even if it is not selected in the Hairline View.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/trace-name.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70374\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/trace-name.png\" alt=\"\" width=\"314\" height=\"247\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/trace-name.png 452w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/trace-name-150x118.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/trace-name-48x38.png 48w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/a><\/p>\n<h4><strong>Embedded Trends<\/strong><\/h4>\n<p class=\"intro-text\">Embedded trends have two configuration areas:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/p>\n<table style=\"border-collapse: collapse; width: 70.8279%; border: none; height: 219px;\">\n<tbody>\n<tr style=\"border: none;\">\n<td style=\"width: 41.8167%; height: 219px;\">\n<p><em>Page configuration:\u00a0 \u00a0 \u00a0 \u00a0 <\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-70508\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairline-page-config1.png\" alt=\"\" width=\"231\" height=\"163\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairline-page-config1.png 494w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairline-page-config1-150x106.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairline-page-config1-48x34.png 48w\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" \/><\/p>\n<\/td>\n<td style=\"width: 27.2928%; height: 219px;\">\n<p><em>Toolbar configuration:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70486\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png\" alt=\"\" width=\"160\" height=\"172\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend.png 213w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend-139x150.png 139w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/hairlines-trend-44x48.png 44w\" sizes=\"auto, (max-width: 160px) 100vw, 160px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ul>\n<li class=\"intro-text\"><strong>Page Configuration<\/strong>\n<ul class=\"intro-text\">\n<li>Hairline Mode determines the number of hairlines to be shown (None, Single, <a href=\"#Add More than One Hairline\">Dual or Multiple<\/a>).<\/li>\n<li>Use checkboxes to show or hide Timestamp, Value and Name.<\/li>\n<li>Hairline Start: The time of the line at the left-most hairline. If the Hairline Mode is Single, Hairline Start and Hairline End will have the same value.<\/li>\n<li>Hairline End: The time of the line at the right-most hairline.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"intro-text\"><strong>Toolbar Configuration<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>Hairline View\u00a0dropdown lets you choose which elements (Timestamp, Value, Name) are shown in the pill when using the toolbar.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><strong>Charts<\/strong><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-70509  alignright\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/charts.png\" alt=\"\" width=\"278\" height=\"265\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/charts.png 506w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/charts-150x143.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/07\/charts-48x46.png 48w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/p>\n<p class=\"intro-text\">Hairlines are available only for continuous charts (X Axis data type is Time or Number).<\/p>\n<p class=\"intro-text\">Select a\u00a0Hairline View mode: Single,\u00a0<a href=\"#Add More than One Hairline\">Dual, or\u00a0Multiple <\/a> to enable hairline display configuration options.<\/p>\n<ul class=\"intro-text\">\n<li><strong>Hairline Start:<\/strong> The time of the line at the left-most hairline. If the Hairline Mode is Single, Hairline Start and Hairline End will have the same value.<\/li>\n<li><strong>Hairline End:<\/strong> The time of the line at the right-most hairline.<\/li>\n<li><strong>Hairline Update Mode:<\/strong> Set the hairline to be updated either as the user is actively dragging the hairline (Update On Drag), or after the user has finished dragging (Update On Mouseup). 'Update on Mouseup' is useful when a large amount of data is being returned.<\/li>\n<li><strong>Display Options:<\/strong> Use checkboxes to show or hide\u00a0Timestamp,\u00a0Value,\u00a0Name, and\u00a0Comments\u00a0on the hairline pill.<\/li>\n<\/ul>\n<p class=\"note\">Note: When a trend or embedded trend, has Dual hairlines selected, and there are two hairlines on the trend, then Dual Hairline Statistics options (e.g. 'Max', 'Min', 'Standard Deviation') are available in the trend's <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/trace-table\/\">Trace Table<\/a>, allowing you to make further comparisons between data at the points marked by the two hairlines.<\/p>\n<p class=\"intro-text\"><strong>Hairline Behavior<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>For dot series, interpolation for values in hairlines is <em>Last Known Value<\/em>.<\/li>\n<li>If a series\/trace contains no value (or a null value), the pill will not appear.<\/li>\n<\/ul>\n<hr \/>\n<h2 class=\"page-subheading\">Interacting with a Hairline<\/h2>\n<h3>Add a hairline<\/h3>\n<ul class=\"intro-text\">\n<li class=\"intro-text\">\u00a0Click on a hairline-enabled chart or trend. The hairline is added where you click. \u00a0\u00a0\u00a0\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/create-hairline.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-70361 alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/create-hairline.png\" alt=\"\" width=\"254\" height=\"281\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/create-hairline.png 339w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/create-hairline-136x150.png 136w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/create-hairline-43x48.png 43w\" sizes=\"auto, (max-width: 254px) 100vw, 254px\" \/><\/a><\/li>\n<\/ul>\n<h4 id=\"Add More than One Hairline\">Add More than One Hairline<\/h4>\n<p class=\"intro-text\">To add more than one hairline, configure the\u00a0Hairline Mode\u00a0to either\u00a0Dual\u00a0or\u00a0Multiple in the chart or trend.<\/p>\n<ul class=\"intro-text\">\n<li><strong>Dual Mode:<\/strong> allows two hairlines to be placed on the chart.\u00a0<\/li>\n<li><strong>Multiple Mode:<\/strong> enables placing more than two hairlines.<\/li>\n<\/ul>\n<p class=\"intro-text\">To add multiple hairlines, click on the chart or trend to place each hairline. Each click adds a new hairline (up to the configured limit).<\/p>\n<p class=\"intro-text\">Each hairline displays its own pill with the selected information (e.g., timestamp, value, name), and the pill color matches the trace or series color.<\/p>\n<p class=\"note\"><strong>Value Difference<\/strong> is displayed when there are two or more hairlines. The value difference applies to a hairline's values, and those of the hairline immediately to its left.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70360\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621-600x334.png\" alt=\"\" width=\"491\" height=\"273\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621-600x334.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621-150x84.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621-48x27.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/Trend-value-diff-2025-06-23-115621.png 659w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/a><\/p>\n<h3>Move a hairline<\/h3>\n<ul class=\"intro-text\">\n<li>To move a hairline left or right, click the hairline and drag it to the left or right.<\/li>\n<li>When you move hairlines so that they approach each other, the information boxes flip so that the values are not obscured.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70362\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20-600x338.png\" alt=\"\" width=\"533\" height=\"300\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20-600x338.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20-150x85.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20-48x27.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/move-hairline-2025-06-23_16-21-20.png 646w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/a><\/li>\n<\/ul>\n<h3>Hover<\/h3>\n<ul class=\"intro-text\">\n<li>Hover over a data item's information box to see more information on the data item.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hover.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70364\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hover.png\" alt=\"\" width=\"403\" height=\"162\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hover.png 569w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hover-150x60.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hover-48x19.png 48w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/a><\/li>\n<\/ul>\n<h3>Select an axis<\/h3>\n<ul class=\"intro-text\">\n<li>When both Y-axes are enabled, hovering over one of the axes causes the hairline on the non-selected axis to fade.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/multiple-y-axis.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70382\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/multiple-y-axis.png\" alt=\"\" width=\"309\" height=\"271\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/multiple-y-axis.png 483w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/multiple-y-axis-150x131.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/multiple-y-axis-48x42.png 48w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/li>\n<\/ul>\n<h3>Add comments<\/h3>\n<ul class=\"intro-text\">\n<li>Click the <strong>comment<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8141 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/commenticonempty.png\" alt=\"\" width=\"15\" height=\"12\" \/> icon to view or add comments for the data item.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70377\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments-600x469.png\" alt=\"\" width=\"348\" height=\"272\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments-600x469.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments-768x601.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments-150x117.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments-48x38.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/hairline-comments.png 881w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/a><\/li>\n<\/ul>\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<h3>Create a Case<\/h3>\n<ul class=\"intro-text\">\n<li style=\"list-style-type: none;\">\n<ul class=\"intro-text\">\n<li>Click the <b>case <\/b>icon in the hairline pill to create a new case.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70384\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case.png\" alt=\"\" width=\"207\" height=\"291\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case.png 312w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-107x150.png 107w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-34x48.png 34w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/p>\n<\/li>\n<li>The new case entry dialog will open.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70383\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-600x332.png\" alt=\"\" width=\"500\" height=\"277\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-600x332.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-768x425.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-1536x850.png 1536w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-150x83.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-1080x598.png 1080w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-1280x708.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window-48x27.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/case-window.png 1599w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/li>\n<li>Fill out the necessary fields and click submit.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"note\">Note: The case button is only displayed when the trace is of an entity.<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/cases\/\">Case Management<\/a><\/p>\n<h3>Close a hairline<\/h3>\n<ul class=\"intro-text\">\n<li>Click the <strong>Close<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35354 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/hairline-close-icon.png\" alt=\"\" width=\"9\" height=\"8\" \/> button at the end of the timestamp box.\n<div style=\"height: 30px;\">\u00a0<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/close-hairline.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70365\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/close-hairline.png\" alt=\"\" width=\"222\" height=\"274\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/close-hairline.png 318w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/close-hairline-121x150.png 121w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/close-hairline-39x48.png 39w\" sizes=\"auto, (max-width: 222px) 100vw, 222px\" \/><\/a><\/li>\n<\/ul>\n<h3>Hairline Behavior When Fixed Period Extends Beyond Current Time\u00a0<\/h3>\n<p class=\"intro-text\">When changes to the fixed period of a trend result in the end time extending into the future where no data exists, the end time will be set to the current time. Additionally, the hairline will remain in its set position and will not automatically re-center.<\/p>\n<p class=\"intro-text\"><em>Before changing the fixed period time:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70380\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-600x188.png\" alt=\"\" width=\"657\" height=\"206\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-600x188.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-768x240.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-1536x480.png 1536w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-150x47.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-1080x338.png 1080w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-1280x400.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period-48x15.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/before-fixed-period.png 1848w\" sizes=\"auto, (max-width: 657px) 100vw, 657px\" \/><\/a><\/p>\n<p class=\"intro-text\"><em>After changing the fixed period time \u2013 hairline position is unchanged, and end time is set to the current time:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-70381\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-600x189.png\" alt=\"\" width=\"661\" height=\"208\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-600x189.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-768x242.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-1536x484.png 1536w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-150x47.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-1080x340.png 1080w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-1280x403.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period-48x15.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2025\/06\/after-fixed-period.png 1844w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/a><\/p>\n<hr \/>\n<h2 id=\"legacy-hairline\" class=\"page-subheading\">Legacy Hairline<\/h2>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\">Administrators can enable the legacy hairline, in the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/webconfig\/\">web.config<\/a> file, for users who prefer that style.<\/p>\n<p class=\"intro-text\">In this mode, the hairline information is shown together in one box, with the tag name always visible and displayed on the same line as the value. The order of the values follows the order of the traces.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69334\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-600x305.png\" alt=\"\" width=\"537\" height=\"273\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-600x305.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-768x390.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-150x76.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-1080x549.png 1080w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04-48x24.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33bc2b04.png 1086w\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/a><\/p>\n<p class=\"intro-text\">When hovering over the information box, truncated names are fully displayed. An up\/down arrow also appears to allow the box to be moved up or down along the hairline.<\/p>\n<p class=\"intro-text\">An arrow at the bottom of the information box allows users to flip the box to the other side of the hairline. The box will keep its position until that hairline is removed and added back. It will only reset if the hairline is closed (the\u00a0<strong>x<\/strong>\u00a0is clicked).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69336\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-600x117.png\" alt=\"\" width=\"1000\" height=\"195\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-600x117.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-768x149.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-150x29.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-1080x210.png 1080w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-1280x249.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612-48x9.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612.png 1526w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p class=\"note\"><strong>Configuration Note:<\/strong> This requires the \"LegacyHairlineEnabled\" option in the web.config file to be set. See <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-releases\/explorer-release-4-16\/#Configuration_File\">Configuration File<\/a> for details.<\/p>\n<p class=\"note\">This setting affects hairlines for all users, and in all chart components, embedded trends, and trends.<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li>Hairlines 4.18\n<ul>\n<li>Create a case from a trend<\/li>\n<li>Hairline behavior when fixed period extends beyond current time\u00a0<\/li>\n<li>Trace name on hairline pill<\/li>\n<li>Hairline display options in Trends, Embedded Trends and Charts<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines-4-16\/\">Hairlines 4.16<\/a>\u00a0\n<ul>\n<li>Legacy hairline pill<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul class=\"intro-text\">\n<li>Hairlines 4.12\n<ul>\n<li>Name on hairline pill<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-9\/\">Hairlines 4.9 <\/a><\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-6-2\/\">Hairlines 4.6.2<\/a><\/li>\n<li style=\"text-align: left;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-5-5\/\">Hairlines 4.5.5<\/a><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\u00a0<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The hairline allows you to see the data values on a chart or trend, at a particular point in time. This article describes the features of a hairline.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":70429,"parent":4156,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[1],"tags":[15,326,316],"class_list":["post-38779","page","type-page","status-publish","has-post-thumbnail","hentry","category-uncategorized","tag-charts-2","tag-hairlines","tag-trends","Version-4-12","Version-4-16","Version-4-18","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/38779","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=38779"}],"version-history":[{"count":31,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/38779\/revisions"}],"predecessor-version":[{"id":72278,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/38779\/revisions\/72278"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/4156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/70429"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=38779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=38779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=38779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}