{"id":70392,"date":"2025-06-26T12:21:04","date_gmt":"2025-06-26T04:21:04","guid":{"rendered":"https:\/\/oihelp.corporate.ifs.com\/help\/?page_id=70392"},"modified":"2025-10-08T19:49:42","modified_gmt":"2025-10-08T11:49:42","slug":"hairlines-4-16","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-16\/","title":{"rendered":"Hairlines (4.16)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to version 4.16\u00a0 of IFS OI Explorer. Note, some screenshots on this page may be of earlier versions. 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<\/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\">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\"><em>A hairline:<\/em><\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 30%;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d7e5b9.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69309\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d7e5b9.png\" alt=\"\" width=\"250\" height=\"386\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d7e5b9.png 336w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d7e5b9-97x150.png 97w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d7e5b9-31x48.png 31w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/td>\n<td style=\"width: 70%;\">\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\u00a0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"border-collapse: collapse; border: 1px solid #cccccc; width: 104.05%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%; text-align: left;\"><strong>1.\u00a0 \u00a0<\/strong>Time stamp<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%; text-align: left;\"><strong>2.\u00a0 \u00a0<\/strong>Pill - hairline information selected in the configuration; the background color matches the trace\/series color<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%; text-align: left;\"><strong>3.\u00a0 \u00a0<\/strong>Hairline<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%; text-align: left;\"><strong>4.\u00a0 \u00a0<\/strong>Pill - 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: 30%;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d47f2e.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69308 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d47f2e.png\" alt=\"\" width=\"275\" height=\"94\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d47f2e.png 275w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d47f2e-150x51.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_23d47f2e-48x16.png 48w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/td>\n<td style=\"width: 702%;\">\n<table style=\"border-collapse: collapse; border: 1px solid #cccccc; width: 77.7744%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><strong>1.\u00a0<\/strong> \u00a0Value - trace value at this point<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>2.<\/strong>\u00a0 \u00a0Value difference<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>3.<\/strong>\u00a0 \u00a0Time Windows - opens the time windows panel<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>4.<\/strong>\u00a0 \u00a0Comments - opens the explore panel comments view<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\"><strong>5.<\/strong>\u00a0 \u00a0Trace name<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"note\">Note: The <strong>Value Difference<\/strong> is only 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\/2021\/01\/Hairlines-2b.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-46727\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b-600x442.png\" alt=\"\" width=\"350\" height=\"258\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b-600x442.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b-768x566.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b-150x111.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b-48x35.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-2b.png 909w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Hairline Behaviour<\/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<h3>Hairline Display Options<\/h3>\n<p class=\"intro-text\">By selecting different configuration options, you can determine what is displayed on the hairline pill.<\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 561px;\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\"><strong>Chart<\/strong><\/td>\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\"><strong>Trend<\/strong><\/td>\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\"><strong>Embedded Trend<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 513px;\">\n<td style=\"width: 33.3333%; height: 513px; text-align: center;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33402f84.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69325\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33402f84.png\" alt=\"\" width=\"350\" height=\"469\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33402f84.png 402w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33402f84-112x150.png 112w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33402f84-36x48.png 36w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/a><\/td>\n<td style=\"width: 33.3333%; height: 513px; text-align: center;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334a8c3a.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69329 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334a8c3a.png\" alt=\"\" width=\"140\" height=\"151\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334a8c3a.png 140w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334a8c3a-45x48.png 45w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/a><\/td>\n<td style=\"width: 33.3333%; height: 513px; text-align: center;\">\n<p><em>Page configuration:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_331c7fe5.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69321\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_331c7fe5.png\" alt=\"\" width=\"300\" height=\"237\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_331c7fe5.png 364w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_331c7fe5-150x118.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_331c7fe5-48x38.png 48w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><em>Toolbar configuration:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334c5d50.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69330\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334c5d50.png\" alt=\"\" width=\"140\" height=\"154\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334c5d50.png 185w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334c5d50-137x150.png 137w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_334c5d50-44x48.png 44w\" sizes=\"auto, (max-width: 140px) 100vw, 140px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">When a chart or embedded trend is configured to allow hairlines, the hairline information boxes (pills) are sometimes unnecessary and can obscure other information, especially if the chart is small.<\/p>\n<p class=\"intro-text\">If you want a small chart\/trend to be used in conjunction with one or more larger charts, for example, you could configure the hairlines on the smaller chart to show values only, and the hairlines on the larger charts to show values and timestamp.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-69361\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3-600x581.png\" alt=\"\" width=\"600\" height=\"581\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3-600x581.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3-150x145.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3-48x46.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_3d796cc3.png 732w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Interacting with a Hairline<\/h2>\n<p class=\"intro-text\"><strong>Add a hairline<\/strong><\/p>\n<ul class=\"intro-text\">\n<li class=\"intro-text\">Click on a hairline-enabled chart or trend. The hairline is added where you click.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38795 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline.png\" alt=\"\" width=\"314\" height=\"351\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline.png 314w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline-134x150.png 134w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-add-hairline-43x48.png 43w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Move a hairline <\/strong><\/p>\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<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38804 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines.png\" alt=\"\" width=\"491\" height=\"426\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines.png 491w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines-150x130.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Move-hairlines-48x42.png 48w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Hover<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>Hover over a data item's information box to see more information on the data item.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38797 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1.png\" alt=\"\" width=\"258\" height=\"353\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1.png 258w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1-110x150.png 110w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1-26x36.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-to-see-data-1-35x48.png 35w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Select an axis<\/strong><\/p>\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<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38798 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis.png\" alt=\"\" width=\"226\" height=\"353\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis.png 226w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis-96x150.png 96w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis-15x24.png 15w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis-23x36.png 23w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-Y-Axis-31x48.png 31w\" sizes=\"auto, (max-width: 226px) 100vw, 226px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Add comments<\/strong><\/p>\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<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-46763 size-medium\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments-600x389.png\" alt=\"\" width=\"600\" height=\"389\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments-600x389.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments-768x498.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments-150x97.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments-48x31.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/01\/Hairlines-Comments.png 879w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/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<p class=\"intro-text\"><strong>Close a hairline<\/strong><\/p>\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<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-38807 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1.png\" alt=\"\" width=\"251\" height=\"345\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1.png 251w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1-109x150.png 109w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1-26x36.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Close-hairlines-1-35x48.png 35w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/a><\/li>\n<\/ul>\n<hr \/>\n<h2 class=\"page-subheading\">Legacy Hairline<\/h2>\n<p class=\"intro-text\">Administrators can enable the legacy hairline, in the web.config 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-14\"><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=\"1000\" height=\"508\" 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: 1000px) 100vw, 1000px\" \/><\/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><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/10\/Snag_33be5612.png\" rel=\"lightbox-15\"><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\">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.16 (this release)\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<\/ul>\n<ul class=\"intro-text\">\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><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","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\/hairlines-4-16\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":38,"featured_media":38780,"parent":38779,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[1],"tags":[15,326,316],"class_list":["post-70392","page","type-page","status-publish","has-post-thumbnail","hentry","category-uncategorized","tag-charts-2","tag-hairlines","tag-trends","Version-4-12","Version-4-16","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/70392","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\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=70392"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/70392\/revisions"}],"predecessor-version":[{"id":70393,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/70392\/revisions\/70393"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/38779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/38780"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=70392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=70392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=70392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}